2

最新のカナリアで自分のウェブサイト ( http://fnndsc.github.io/fnndsc.babymri.org/ ) を試してみましたが、多くのことがめちゃくちゃです。

さらに重要なことは、スタイルがサブ要素に伝播されなくなったことです。私は周りを読みましたが、それを処理するための最良の方法を見つけることができませんでした。

親のスタイルを使用するようにポリマー要素に指示するにはどうすればよいですか。オンにする特別なフラグはありますか?

Chrome 34 までは正常に動作しますが、35/36 は壊れているようです。

ありがとう

4

1 に答える 1

2

Chrome 35 では、新しい Shadow DOM 実装 (ブログ投稿) のプレフィックスが解除され、デフォルトでオンになります。あなたが見ているもののいくつかは、ネイティブの Shadow DOM と polyfill shimming の違いかもしれません。

調べるコードベースがなければ、いくらでもある可能性があります。過去数か月で、Shadow DOM のスタイリング機能に多くの更新が行われました。

私があなたのサイトで見たものから注意すべきこと

  • @host { :scope {display: block;} }->:host {display: block; }
  • 要素が依存するスタイルシートを に移動します<polymer-element>。
  • applyAuthorStylesなくなっている。それを使用していた場合、外側のページからスタイルを取得する唯一の方法は::shadow、 、/deep/、または必要に応じて共有スタイルを含める<polymer-element>ことです。
  • <content>分散ノードを使用している場合は、疑似要素を使用していることを確認して::contentください

スタイリングに関する最新のリソースを次に示します。

于 2014-04-10T18:21:27.967 に答える