金丝雀中破碎的聚合物成分类型继承(36)

时间:2014-04-10 13:33:03

标签: css google-chrome polymer web-component

我在最新的金丝雀上尝试了我的网站(http://fnndsc.github.io/fnndsc.babymri.org/),很多事情搞得一团糟。

更重要的是,样式不再向下传播到子元素。我四处读书,但无法找到最好的处理方法。

我怎样才能告诉我的聚合物元素使用父母的风格。 是否有特殊标志可以打开?

直到Chrome 34它运行正常,但35/36似乎已被破坏。

由于

1 个答案:

答案 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伪元素

以下是一些最新的样式资源: