css - 只使用一类而不是两类

Question

我有以下类，我在标签等多个地方使用

.cont-label.ope-label {
    font-weight: normal;
    text-align: left;
    font-family: ariel;
    font-size: 18px;

}

现在我只想添加标题特定类别的颜色，有办法不那样做吗？

.cont-label.ope-label-new {
    font-weight: normal;
    text-align: left;
    font-family: ariel;
    font-size: 18px;
    color:red;

}

Answer 1

你可以只给标题一个你想要的颜色类并覆盖它:

<h1 class="cont-label ope-label red">test</h1>

然后CSS:

.red {color:red;}

如果您的原始 header 设置了颜色，那么它就会具有特殊性:

.cont-label.ope-label.red {color:red;}