我怎样才能使CSS只在另一个元素不存在的情况下才使用类？

Question

我有以下CSS类：

button.current {
   background-color: #000;
}
button:hover {
   background: #0007d5;
}

如何才能使第二个按钮的背景颜色不变？其他 单词我想要当前和悬停到一个工作，如果没有额外的类 按钮上的“不活动”。

<button class="current">Show the current background</button>
<button class="current inactive">Show the current background</button>

Answer 1

您可以使用:not()伪类：

button.current:not(.inactive) {
   background-color: #000;
}
button:hover:not(.inactive) {
   background: #0007d5;
}

jsFiddle Demo