css规则多类，如何匹配多类中的两个

第三方定义为：

.c1 { ... }

我定义了一个规则来匹配c1和c2

.c1.c2 { ... }

对于具有class=“c1 c2”的元素，我的规则匹配良好

但是，对于具有class=“c1 c2[…其他类]”的元素，我的规则与第三方的规则不匹配

---

在这种情况下，我如何使我的规则与第三方的规则相匹配（不事先知道其他类，也不更改第三方的规则）？

确保您的规则优先于其他规则的唯一方法是使用

！重要信息

关键字：

.c1.c2 {
    color: red !important;
}

请注意，如果您知道更具体的选择器，则可以使用它：

.c1{
颜色：蓝色；
}
.c2{
颜色：粉红色；
}
.c1.c4{
颜色：粉红色！重要；
}
.c1.c5{
颜色：白色；
}
第c1.c6部分{
颜色：灰色；
}
.c1.c2{
颜色：红色；
}
.c1.c3{
颜色：绿色；
}

蓝色由于.c1
由于.c1.c2而出现红色
由于.c1.c3而呈黄色
内联风格的黑色
粉红色只是因为颜色！重要的
红色，因为在css中.c1.c2位于.c1.c5之后
仅更具体选择器的灰色（c1.c5部分）

如果它特定于单个元素，您也可以尝试使用id属性作为id定义的css篡夺类

#c1-override {
    color: red
}

---

句法；当对一组CSS规则使用多个类名时，需要用逗号将它们分隔开

.c1, .c2{
    /* CSS rules here */
}

---

您也可以使用声明顺序代替！重要的是，从.c1和.c2中删除应该相同的规则更具组织性。

是否有共同的父元素？你可以用它来扩展CSS的特异性。一个不推荐的kluj是通过编写

.c1.c1.c2.c2

.thx torazaburo来增加规则的特异性，直到它超过第三方规则！太好了。。为什么“不推荐”？你可以将它设置为内联：（或者找到一个更具体的选择器）。我正在用一个例子来更新答案。that@DrydenLong，您可以检查更新版本。如果你认为我漏掉了什么，你可以说：）如果下议院的选民能解释下议院的原因，我将不胜感激。这可能是对

重要的
的下意识反应。顺便说一句，非常迂腐的是，
是分隔符，
重要
是关键字。而且，“绝对”这个词可能有点强。另一个更具体的重要声明可能在理论上推翻这一点。这要么误解了问题，要么是错误的答案。