css - 聚合物 0.8 Shady DOM

Question

Polymer 0.8 引入的 Shady DOM 是否可以防止样式泄漏到本地 DOM 中，还是只有 Shadow DOM 才能做到这一点？

https://www.polymer-project.org/0.8/docs/devguide/experimental.html#xscope-styling

在下面的示例中，Shady DOM 会阻止标题变红吗？

我的元素.html

<template>
    <span class="title">{{title}}</span>
</template>

样式.css

.title {
    color: red;
}

Answer 1

我一直在测试 Polymer 0.8，但到目前为止似乎还没有。不支持阴影边界规则，因为它将定义在<dom-module>Polymer 元素中的样式限定在范围内，但不会停止从外部样式表中泄漏。这里有文档暗示，虽然我不会说他们已经明确说明了这一点：https ://www.polymer-project.org/0.8/docs/devguide/local-dom.html#scoped-styling

编辑：我猜这将在 0.9 或 1.0 中修复，请参阅这篇文章。尽管我发现这部分的最后一点表明它现在应该可用，除非我遗漏了一些东西。