CSS: nie selektor nie działa

Question

Jest to prawdopodobnie naprawdę głupie pytanie, ale nie mogę uzyskać: nie selektora do pracy w css. Chcę kolorować cały tekst na mojej stronie, chyba że ma klasę "nocolor". Oto kod, nie widzę problemu:

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

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

Answer 1

byłem zaskoczony przez to zachowanie, ale * selektor ma zastosowanie do wszystko więc trzeba zwrócić uwagę na zastosowanie do rodzica elementy również (jak same znaczniki ciała i html).

Można go naprawić dodając body do selektora, tak:

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

Answer 2

Twój selektor powinny być napisane tak:

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

Usuń '*', a to będzie wybrać wszystko na stronie.

patrz Dokumentacja tutaj: MDN

Answer 3

To dlatego * jest stosowana do każdego elementu w tym body, który nie posiada klasę .nocolor.