Shadow-Piercing子孫コンビネータ、 '/ deep /'、 ':: shadow'擬似要素は廃止予定ですので、どのようにShadow DOMを突き抜けますか？

Question

Shadow DOMを使用するすべてのWebコンポーネントで使用したいアニメーション化されたCSSローダーのようなCSSコードがいくつかあるとします。 ::shadowと/deep/で可能だったように、影のDOMを突き刺すことができない場合は、このCSSコードをどのように再利用しますか？

シャドウDOM内に<link />を追加することもできないため、現在は複数の<style>タグを使用してコードを複製しています。

このタイプのユースケースに推奨されるベストプラクティスが何であるか本当に知りたいです。

ありがとうございます。

Answer 1

<link />を使用するのではなく、シャドールートの中でcss @importsを使用して、必要に応じて外部スタイルシートを読み込むことをお勧めします。
私はトピックに回答hereを書いています。参照のために以下に引用してください。

をcss @importをテンプレートに入れると、style.cssを作成してコンポーネントにインポートできます。最初のコンポーネントがロードされたときにブラウザがキャッシュするので、 という複数のネットワークコールはありません。それ以降のコンポーネントはキャッシュからピックアップされます。