具有类冲突的Angular2 css文件

Question

我使用2个css文件，但在这两个文件中，我有一个同名的类...我在一个组件中使用一个而在另一个组件中使用第二个。

如何使用这些CSS文件不再有冲突？

提前thx！

Answer 1

我会说：

1. 更改班级名称。例如，不要有2个名为myClass的类，请设置myClassUsers和myClassClients。
2. 更改引用它们的方式更精确，使用其他每个组件实际上唯一的类。例如：

CSS文件1：

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

CSS文件2：

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

而不是同时使用：

.myClass {...}

Answer 2

您可以应用更具体的选择器吗？ 特定选择器优先于不太具体的选择器。

EG。对于组件XYZ，CSS中的选择器将是 .xyz .common-class-name { 代码在这里 } 对于Component ABC，CSS中的选择器将是 .abc .common-class-name { 代码在这里 } 这样你就可以解决这个问题。