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”它们是蓝色的。

Answer 2

使用 CSS3 选择器：

div.a:not(.b){
  color: blue;
}

http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/