没有任何类的元素是否有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 }
但这不是我想要的,因为一旦样式变得复杂就不易管理,在某些情况下很难正确地进行“重置”(当然不是在这个简化的例子中).
解决方法
使用section：not([class]),您可以选择没有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;
- }
- <section>Section A</section>
- <section class="special">Section B</section>
- <section class="">Section C</section>
进一步阅读
