仅当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;
}

这应该为您工作