仅当元素上不存在类时才应用某些 CSS 样式[重复]答案

【问题标题】：Only apply certain CSS styles when class doesn't also exist on element [duplicate]仅当元素上不存在类时才应用某些 CSS 样式[重复]
【发布时间】：2019-05-31 10:34:10
【问题描述】：

假设我有两个 CSS 类：

.class1 {
   color: red;
}

.class2 {
  /* Has Stuff */
}

我只想应用任何样式 class1 有 IF class2 不在元素上。比如：

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

应该是红色的。

但是，如果我这样做：

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

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

我该怎么做？

【问题讨论】：

使用not()选择器？

标签： html css less

【解决方案1】：

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

这应该适合你

【讨论】：