2

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

更重要的是,样式不再向下传播到子元素。我四处阅读,但找不到处理该问题的最佳实践。

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

直到 Chrome 34 都可以正常工作,但 35/36 似乎已损坏。

谢谢

4

1 回答 1

2

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

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

于 2014-04-10T18:21:27.967 回答