クラスの競合を伴うAngular2 CSSファイル

Question

私は2つのCSSファイルを使用しますが、これらの2つのファイルでは、同じ名前のクラスを持っています...私はコンポーネントで1つを使用し、別のコンポーネントでは2つ使用します。

どのようにこれらのCSSファイルを使用して競合が発生することはありませんか？

Thxで事前に！

Answer 1

私が言う：

1. 変更クラス名。 myClassという2つのクラスを持つ代わりに、たとえばmyClassUsersとmyClassClientsとします。
2. より正確に参照する方法を変更し、各コンポーネントに実際に固有の他のクラスを使用します。例：

CSSファイル1：

div.comp1Class > table > tr.myClass {...} 

CSSファイル2：代わりの両方に有する

div.comp2Class > table > tr.myClass {...} 

：

.myClass {...} 

Answer 2

より具体的なセレクターを適用できますか？ 特定のセレクタがあまり特定のセレクタよりも優先されます。

例：コンポーネントXYZの場合は、CSSのセレクタは { コードはここに を行く}、部品ABCのために、CSSのセレクタは .abc .commonクラス名{ コードになります .xyzという.commonクラス名になりますここに行く } この方法でこの問題を解決できます。