【问题标题】:Polymer 0.8 Shady DOM聚合物 0.8 Shady DOM
【发布时间】:2015-04-21 03:39:28
【问题描述】:

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

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

在下面的例子中,Shady DOM 会阻止标题变红吗?

my-element.html

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

styles.css

.title {
    color: red;
}

【问题讨论】:

    标签: css polymer shady-dom


    【解决方案1】:

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

    编辑:我猜这将在 0.9 或 1.0 中修复,请参阅 this post。虽然我在this part 上找到了最后一点建议它现在应该可用,除非我遗漏了什么。

    【讨论】:

    • 谢谢,这也是我在测试时发现的——只是想确保它不是由于用户错误。文档确实暗示了这一点,所以这就是我感到困惑的原因。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-14
    • 2016-04-06
    • 2016-03-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多