Angular Styling の非推奨の ::ng-deep セレクターの代替はありますか?

Angular スタイリングでの ::ng-deep セレクターの使用

Angular では、::ng-deep セレクターは通常、Shadow DOM とネストされたスタイルを貫通するために使用されます。構成要素。ただし、現在は非推奨です。

::ng-deep の代替

::ng-deep の非推奨にもかかわらず、Angular チームによって概説された実行可能な代替手段はまだありません。これは、Shadow DOM の境界を越えることができるセレクターについて W3C から合意された仕様が存在しないためです。

現在の推奨事項

代替ソリューションが正式にリリースされるまで、Angularチームは、必要に応じて ::ng-deep とその代替手段を引き続き使用することをお勧めします。非推奨ステータスは、適切な代替品が利用可能になった後にこのセレクターが最終的に削除されることに対する警告として機能します。

保留中の W3C 提案

CSS ワーキング グループ (CSSWG) は、積極的に取り組んでいます。この提案は、Shadow DOM ツリー内の要素を効果的にターゲットにできるセレクターのニーズに対処することを目的としています。 「CSS Scoping Level 1」と題されたこの提案には、この目的のために設計された一連の包括的なセレクターが含まれています。

この提案が最終決定され、ブラウザーに実装されると、将来のあらゆる基盤となる可能性があります。 Angular の ::ng-deep の置き換え。それまでは、::ng-deep とその代替手段の使用が、Angular アプリケーションでネストされたコンポーネント要素のスタイルを設定するための推奨プラクティスとして残ります。

以上がAngular Styling の非推奨の ::ng-deep セレクターの代替はありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。