別のコンポーネント内で子コンポーネントのスタイルを変更する

Question

alert（ブートストラップから）[コンポーネントでもある]のスタイルを、コンポーネントの1つに表示されるときに少し違うものにしようとしています。他の場所では、私はデフォルトのスタイルを使用したいと思います。

は、私が使用して私が望むものを達成することができる午前：私の親コンポーネントで

encapsulation: ViewEncapsulation.None。しかし、私は本当にそれを避け、ベストプラクティスを使ってそれをすることを学びたいと思っています。

これを修正せずにどのように達成できるのか、誰にも分かりますか？encapsulations？

投稿記事の中には、:hostと::content CSSプロパティを使用すると記載されているものもありますが、これまで使用できませんでした。

私はこれが非常に一般的なシナリオであると信じており、それを行う良い方法があるはずです。

Answer 1

あなたはNoneにViewEncapsulationを設定せずにセレクタクロスコンポーネントの境界を作るために

:host /deep/ some-grand-child { 
    color: blue; 
} 

のように親に/deep/を使用することができます。