https://www.chromestatus.com/features/6750456638341120
に記載されているように、2つのシャドウピアスのコンビネータは廃止されました。同じことを達成するための下位は何ですか、またはこのシャドウピアス機能は完全に放棄されましたか?:: shadowと/ deep /の代替は何ですか?
答えて
問題は、::shadow
と/deep/
がカプセル化を中断することです。彼らがなくなってうれしいです。
良い代替品は以下のとおりです。
- CSS変数。 それはすでにここ最近発売されたGoogle Chromeの49読んでネイティブに動作します:
:host-context
。ここで読む:ポリマー2のようhttp://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
レンダリングされる前にシャドウドームにアクセスできない場合、 ':: shadow'を避けることは不可能です。 – RenaissanceProgrammer
@MarcGカプセル化を破る仕組みがない場合、どのようにフレームワークスタイリングをオーバーライドできますか? – adamdport
を:
::shadow
(シャドーピアスセレクタ) - は直接的な代替品はありません。カスタムのCSSプロパティを使用する必要があります。 Polymer 2: Custom CSS Properties/deep/
から:host > * { ... }
を定義することによって、交換のいくつかの並べ替えは、(メイン文書内のルールと矛盾しないホストの影ツリーの最上位の子供たちのすべてにルールセットを適用)があります。詳細については
@import 'のようなもので、あなたの影のルート内で `style`要素を使用し、` :: shadow`となりまし `deep`を置き換えるために何かをPolymer 2 Upgrade Notes
- 1. Shadow-Piercing子孫コンビネータ、 '/ deep /'、 ':: shadow'擬似要素は廃止予定ですので、どのようにShadow DOMを突き抜けますか?
- 2. 属性の代替は何ですか?
- 3. C#では、HttpClient.getStringAsync()メソッドの同期代替とは何ですか?
- 4. EnableHdMenuの代替となるExtJS 4とは何ですか?
- 5. AsyncFacebookRunnerの代替クラスとは何ですか?Facebook SDKのFacebookも
- 6. Firefox 3.xの代替動作とは何ですか?
- 7. FRAPSの代替案:見た目とは何ですか?
- 8. Mootools MochaUIに代わるJqueryの代替品とは何ですか?
- 9. constでu32 :: BITSの代替手段は何ですか?
- 10. QueryStringの最良の代替手段は何ですか
- 11. Windows phone 7アプリの代替アプリケーションアイコンの要件は何ですか?
- 12. C#のイオンジップの代替品は何ですか?
- 13. Delphi 7のFreeAndNilの代替手段は何ですか?
- 14. NDBのバックリファレンスプロパティの代替手段は何ですか?
- 15. C/C++用のマルチデータベースライブラリの代替手段は何ですか?
- 16. Ruby on RailsのWordpressの代替案は何ですか?
- 17. jQueryのsetIntervalの代替手段は何ですか?
- 18. Cocos2d 2.0の "self.isTouchEnabled"の代替方法は何ですか?
- 19. C++のDiag(k)の代替方法は何ですか?
- 20. phpGridの他の代替手段は何ですか?
- 21. FacebookファンのAPIの代替案は何ですか?
- 22. アンドロイドのチェックボックスの代替方法は何ですか?
- 23. SQL Server 2008のTableDiffユーティリティの代替方法は何ですか?
- 24. HTML電子メールのマージンの代替手段は何ですか?
- 25. Objective-CのID変数の代替名は何ですか?
- 26. Oracle JDBCのCallableStatement getParameterMetaData()。getParameterType()の代替手段は何ですか?
- 27. create_proc_entry()の代替手段は何ですか
- 28. アンドロイド方位センサーの代替手段は何ですか?
- 29. eval関数の代替手段は何ですか?
- 30. strncpy()代替 - 各バージョンへのアドバタイズは何ですか?
をチェックurl( '/common-style.css') ' http://stackoverflow.com/questions/34699350/shadow-piercing-descendant-combinator-deep-including-shadow-pseudo-el/34706299#34706299およびhttp://stackoverflow.com/questions/30829019/polymer-shareを参照してください。 -styles-across-elements/32941101#32941101長期的なソリューションは[CSSカスタムプロパティ(別名CSS変数)]です(https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables )。 – sideshowbarker