如何在单个css文件中包含两个相同的类？

Question

现在我有两个CSS文件。如果我想将它们包含在单个CSS文件中而不进行更改，那么我该如何包含它们。

文件1：

.class1{ background-color: red;}

文件2：

.class1{ background-color: blue;}

Answer 1

如果您使用不同的颜色给出相同的类名，则会根据您的问题覆盖

      File 1:    .class1{ background-color: red;}
file 2: .class1{ background-color: blue;}

它将被覆盖，所以你必须指定不同的类名或添加一个新类并覆盖class1样式，如

.class2{ background-color: green !important;}

Answer 2

根据他们的课程，你不能做你想做的事。这两个属性发生冲突，这意味着以后在HTML文件中（link标记中）包含的文件将是生效的文件。

如果你把它们都放在同一个CSS文件中，那么稍后在文件中声明的那个文件就会成为＆＃39;一个并且会生效（我现在无法对此进行测试，所以如果有人能在评论中告诉我这是否正确，那就很好了。）

如果你想拥有两种不同的背景颜色，只需使用两个不同的类 - 我不完全确定你通过使用一个类并定义它两次来尝试实现的目标，两个不同的定义

Answer 3

即使您添加第二个css文件，该类仍将被覆盖。如果使用相同的类名，可能最好更具针对性。见下文

.block-one .class1 {}
.block-two .class1 {}

Answer 4

您可以将它们包含在一个文件中，但只有其中一个文件会生效。如果必须这样做，最好添加一个前缀属性来指定它们。