css - 是否可以使用 css3 捕获属性的缺失？

Question

我想知道我们是否可以捕获这两种不同的情况来避免 javascript 解析:

<div class="a b"></div>
<div class="a"></div>

div.a.b {
  color: red;
}

div.a { //Specify "when there is no class b"
  color: blue;
}

Answer 1

对于 CSS3，您可以使用 :not:

div.a:not(.b) { ... }

使用 CSS2 无法直接实现，但您可以设置所需的属性并使用 div.a.b 规则“取消设置”它们。您已经这样做了:您的 div 是红色的，但是“当没有类 b 时”它们是蓝色的。