css 类覆盖属性以使用另一个类的值

Question

我有两个预定义类(btn、fc-btn)

两者都定义了背景颜色和其他属性的值:

.btn {
    background-color: red;
    ....
}

.fc-btn {
    background-color: blue;
    ....
}

现在我有一个使用这两个类的元素:

<button class="btn fc-btn">Action</button>

有没有办法确保忽略 fc-btn 背景颜色并使用 btn 的值(无论选择器层次结构如何)。

例如覆盖 fc-btn 属性。

.fc-btn {
        background-color: unset/inherit/???;
}

问题:unset 似乎也取消了 btn 的值inherit 不起作用，因为 btn 不是父类而是它自己的类

评论:我知道我可以从原始 fc-btn 类中删除背景颜色，但它来自外部库，我宁愿覆盖它

Answer 1

用.btn.fc-btn添加一个新STLye

.btn.fc-btn{
  background-color: red;
}

或者你可以在 .btn 中添加 !important 到 background 不推荐，

.btn {
    background-color: red !important;
    ....
}

或者如果你不能修改 CSS 然后为按钮设置一个内联样式

<button class="btn fc-btn" style="background:red">Action</button>