css：not（）选择器不适用于通用选择器（*）[重复]

Question

喂

看起来 css 选择器 :not() 不适用于 * 选择器。

有什么办法吗？ 还是我做错了什么？

*:not(.nope){
  color: green;
}

<div>hai</div>
<div>I</div>
<div class="nope">am</div>
<div>Jhon</div>

我仍然将'am' 设为绿色。

提前致谢！

Answer 1

通用选择器 (*) 不是问题。这是color 属性的继承。

当你说...

*:note(.nope)

这很好，但是您忘记了* 也将颜色应用于body 和html 元素。

所以.nope 从其父级获得绿色。

如果您使用未继承的属性（如border），则不会出现此问题。

*:not(.nope){
  border: 1px solid red;
}

* {
  margin: 5px;
}

<div>hai</div>
<div>I</div>
<div class="nope">am</div>
<div>Jhon</div>

注意.nope 没有边框。

要使颜色随心所欲，请更具体。

div:not(.nope) {
  color: green;
}

<div>hai</div>
<div>I</div>
<div class="nope">am</div>
<div>Jhon</div>