css - polymer 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 中修复，请参阅 this post .虽然我在 this part 上找到了最后一点建议它现在应该可用，除非我遗漏了什么。