CSS：不是選擇器不工作

Question

這可能是一個非常愚蠢的問題，但我不能得到：不是選擇器在CSS中工作。除非它有一個名爲「nocolor」的類，否則我想爲我的頁面中的所有文本着色。下面的代碼，我沒有看到這個問題：

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

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

Answer 1

我對這種行爲感到驚訝，但*選擇適用於一切讓你不得不看出來的應用程序父元素（如body和html標籤本身）。

您可以通過添加body到選擇修復它，就像這樣：

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

Answer 2

你的選擇應寫成像這樣：

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

刪除「*」，這將選擇一切在頁面上。

查看文檔在這裏：MDN

Answer 3

這是因爲*應用於包括body，它不具有.nocolor類的每一個元素。