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

*が.nocolorクラスを持っていないbodyを含むすべての要素に適用されるためです。