没有类的CSS选择器

Question

我使用选择器来选择没有一个类的所有元素：

.list th:not(.foo) {
  /* some rules */
}

如何将其应用于多个班级？

.list th:not(.foo), .list th:not(.bar) {
  /* some rules */
}

上面的CSS当然不会这样做，我需要像这样的伪：

.list th:not(.foo and .bar)

是否可以在CSS中使用？

Answer 1

您可以根据需要使用尽可能多的:not()选择器。

:not(.foo):not(.bar)

Answer 2

使用即将推出的CSS4选择器，您可以使用以下语法：

:not(.class1, .class2, .class3)

等等。但到目前为止，浏览器支持并不好。为了能够在今天使用它，您可以使用cssnext作为例子。

Answer 3

.list th:not[class*="class"] { }

它适用于所有类，如class1，class2等。

Answer 4

使用逗号分隔类名可以得到你想要的

.list th:not(.class1, .class2)