仅在元素上不存在 class 时才应用某些 CSS 样式

Question

假设我有两个 CSS 类:

.class1 {
   color: red;
}

.class2 {
  /* Has Stuff */
}

我只想应用任何样式 class1 如果 class2 不在元素上。例如：

<div class="class1">Some div</div>

应该是红色的。

但是，如果我这样做：

<div class="class1 class2">Some div</div>

不应为红色，即使 class2 中没有任何相关定义。

我该怎么做？

Answer 1

.class1:not(.class2) {
   color: red;
}

这应该适合你

Only apply certain CSS styles when class doesn't also exist on element