轻型DOM样式＆＃34;泄漏＆＃34;进入Polymer组件的影子DOM

Question

我有一个聚合物网络组件，在组件中有一个名为content的div。

我注意到如果主页的样式为git svn info，那么它会将该样式应用于我的组件！

这是意外的事件转变，因为Web组件应该阻止轻量级DOM样式泄漏到组件中。另外，我使用以下css规则来防止这种情况发生：

div.content

有什么想法吗？

Answer 1

默认情况下，聚合物不使用shadow-dom。它使用了一个名为shady dom的近似值，它没有提供样式封装，所有内容都被转储到 light dom中。

如果您想默认启用阴影dom，可以使用此config来执行此操作：

<script>
    window.Polymer = window.Polymer || {};
    window.Polymer.dom = 'shadow';
</script>