我在最新的金丝雀上尝试了我的网站(http://fnndsc.github.io/fnndsc.babymri.org/),很多事情搞得一团糟。
更重要的是,样式不再向下传播到子元素。我四处读书,但无法找到最好的处理方法。
我怎样才能告诉我的聚合物元素使用父母的风格。 是否有特殊标志可以打开?
直到Chrome 34它运行正常,但35/36似乎已被破坏。
由于
答案 0 :(得分:2)
Chrome 35修补了新的Shadow DOM实施(blog post),默认情况下将其启用。您所看到的一些内容也可能是原生Shadow DOM和polyfill shimming之间的差异。
没有代码库可以查看,可能有很多东西。在过去的几个月里,Shadow DOM的样式功能有了很多更新。
我在您的网站上看到的注意事项
@host { :scope {display: block;} }
- > :host {display: block; }
<polymer-element>
。applyAuthorStyles
消失了。如果您使用它,从外部页面获取样式的唯一方法是使用::shadow
,/deep/
,或在<polymer-element>
中包含共享样式。<content>
和分布式节点,请确保使用::content
伪元素以下是一些最新的样式资源: