我想为某些元素创建一条规则，该规则仅在没有类列表的情况下才影响该元素。
我的尝试：
div:not(.a, .c) {
color: red;
}<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>如果运行此代码段，则显然无法按预期运行。似乎选择器无效，并且不会影响任何选择器div。
接下来，我尝试了:not()看起来很笨拙但可以工作的链接：
div:not(.a):not(.c) {
color: red;
}<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>这是解决给定问题的唯一方法吗？
:not()在CSS中链接选择器是目前（2020年1月）指示逻辑AND运算符的唯一方法。
所以，是的：
div:not(.a):not(.c)
是正确的书写方式：
div:not(.a) 和 div:not(.c)
div:not(.a):not(.c) {
color: red;
}<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句