没有任何类的元素是否有CSS选择器？

Question

是否有没有任何类的元素的CSS选择器？例如在HTML

中

<section>Section A</section>
<section class="special">Section B</section>
<section class="">Section C</section>

我想选择A部分（或者可能是A部分和C部分，这并不重要），通过说

之类的东西

section:not(.*) { color: gray } 

我知道我可以将它定义为section并将其重置回所有特定类中，例如

section { color: gray } 
section.special { color: black } 

但这不是我想要的，因为一旦样式变得复杂就不易管理，在某些情况下很难正确地进行“重置”（当然不是在这个简化的例子中）。

Answer 1

使用x++; ，您可以选择没有class属性的每个部分。不幸的是，它不会选择具有空类属性值的那些部分。所以另外，我们必须排除这些部分：

section:not([class])

section:not([class]) { /* every section without class - but won't select Section C */
  color: red;
}

section[class=""] { /* selects only Section C */
  font-weight: bold;
}

进一步阅读

• CSS attribute selector，browser support
• :not