类冲突的Angular2 css文件

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

如何使用这些CSS文件来避免冲突

提前谢谢

我想说：

更改类名。例如，使用

myClassUsers

和

myClassClients

来代替名为

myClass

的两个类

将引用它们的方式更改为更精确，使用每个组件实际上唯一的其他类。例如：

CSS文件1：

CSS文件2：

而不是两者都有：

我想说：

更改类名。例如，使用

myClassUsers

和

myClassClients

来代替名为

myClass

的两个类

将引用它们的方式更改为更精确，使用每个组件实际上唯一的其他类。例如：

CSS文件1：

CSS文件2：

而不是两者都有：

---

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

例如，对于组件XYZ，CSS中的选择器将为 .xyz.公共类名{ 代码在这里 } 对于组件ABC，CSS中的选择器为 .abc.common类名{ 代码在这里 }

---

这样您就可以解决这个问题。

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

例如，对于组件XYZ，CSS中的选择器将为 .xyz.公共类名{ 代码在这里 } 对于组件ABC，CSS中的选择器为 .abc.common类名{ 代码在这里 }

---

---

这样你就可以解决这个问题。

我想。。。但是非常。。。非常很长，因为第一个css文件有10000行，第二个有6000行…：/我想了想。。。但是非常。。。非常很长，因为第一个css文件有10000行，第二个有6000行…：/我想了想。。。但是非常。。。非常很长，因为第一个css文件有10000行，第二个有6000行…：/@两个组件真的需要两个CSS文件吗？如果没有，请将CSS文件1加载到组件1，将CSS文件2加载到组件2。这就是我正在做的！这是工作，但如果我先去组件1，然后去组件2。组件2获取组件1的css文件。。。恶习versa@N.Panchout没有显示任何代码都很难理解。请在OP中添加您的组件代码，我可以更好地帮助您。我想。。。但是非常。。。非常很长，因为第一个css文件有10000行，第二个有6000行…：/@两个组件真的需要两个CSS文件吗？如果没有，请将CSS文件1加载到组件1，将CSS文件2加载到组件2。这就是我正在做的！这是工作，但如果我先去组件1，然后去组件2。组件2获取组件1的css文件。。。恶习versa@N.Panchout没有显示任何代码都很难理解。请在OP中添加您的组件代码，我可以更好地帮助您。两个组件应用不同的CSS文件？你能提供更多的细节吗？嘿！谢谢你对我的问题感兴趣！所以，我有两个部分。和2个内部具有相同名称类的css文件。每个组件只使用一个css文件。如果我在组件1上启动我的应用程序，那么样式是好的。但当我进入组件2时，这一个采用了组件1的样式。反之亦然，如果我从组件2开始。你不能使用

styleUrl

ang给它CSS吗？是的，但是，我已经这样做了！另一个细节是组件1和组件2使用许多组件来工作。所以我给css加上styleUrl，并将封装设置为ViewEncapsulation。无需将css“分发”到这些组件请创建一个plunkr并提供一些代码。无论你在文章中提到了什么，在你的问题中也会更新。这两个组件应用不同的CSS文件？你能提供更多的细节吗？嘿！谢谢你对我的问题感兴趣！所以，我有两个部分。和2个内部具有相同名称类的css文件。每个组件只使用一个css文件。如果我在组件1上启动我的应用程序，那么样式是好的。但当我进入组件2时，这一个采用了组件1的样式。反之亦然，如果我从组件2开始。你不能使用

styleUrl

ang给它CSS吗？是的，但是，我已经这样做了！另一个细节是组件1和组件2使用许多组件来工作。所以我给css加上styleUrl，并将封装设置为ViewEncapsulation。无需将css“分发”到这些组件请创建一个plunkr并提供一些代码。无论你在报告中提到什么，你的问题也会更新。

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

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

.myClass {...}