我在最新的金丝雀上尝试了我的网站(http://fnndsc.github.io/fnndsc.babymri.org/),很多事情都搞砸了。
更重要的是,样式不再向下传播到子元素。我四处阅读,但找不到处理该问题的最佳实践。
我怎样才能告诉我的聚合物元素使用它父母的风格。有特殊的标志可以打开吗?
直到 Chrome 34 都可以正常工作,但 35/36 似乎已损坏。
谢谢
我在最新的金丝雀上尝试了我的网站(http://fnndsc.github.io/fnndsc.babymri.org/),很多事情都搞砸了。
更重要的是,样式不再向下传播到子元素。我四处阅读,但找不到处理该问题的最佳实践。
我怎样才能告诉我的聚合物元素使用它父母的风格。有特殊的标志可以打开吗?
直到 Chrome 34 都可以正常工作,但 35/36 似乎已损坏。
谢谢
Chrome 35 取消了新的 Shadow DOM 实现(博客文章)的前缀,并默认将其打开。您看到的一些内容也可能是原生 Shadow DOM 和 polyfill shiming 之间的差异。
如果没有要查看的代码库,可能会有很多事情。在过去的几个月里,Shadow DOM 的样式特性有很多更新。
从我在您的网站上看到的内容中需要注意的事项
@host { :scope {display: block;} }
->:host {display: block; }
<polymer-element>
.applyAuthorStyles
离开了。如果您正在使用它,那么从外部页面获取样式的唯一方法是使用::shadow
,或在需要时/deep/
包含共享样式。<polymer-element>
<content>
和分布式节点,请确保您使用的是::content
伪元素以下是一些用于样式的最新资源: