CSS :not selector doesn't work

Question

这可能是一个非常愚蠢的问题，但我无法让 :not 选择器在 css 中工作。我想为页面中的所有文本着色，除非它有一个名为“nocolor”的类。这是代码，我没有看到问题:

*:not(.nocolor) {
    color: #f00;
}

<h2>Hello</h2>
<h2 class="nocolor">Hello</h2>

Answer 1

我对这种行为感到惊讶，但是 * 选择器适用于一切，因此您还必须注意对父元素的应用(例如 body 和 html 标签本身)。

您可以通过向选择器添加 body 来修复它，如下所示:

body *:not(.nocolor) {
   color: red;
}