CSS Pseudo-class :not




This selector selects elements that can't be selected with the selector y. For example, this allows us to select all element that are not paragraphs: by using *:not(p). This selector is also helpful for the context of inherited selectors. For example, we can select every element in a table that is not a td: table *:not(td). You also can exclude IDs and classes: div:not([class="error"]) or just div:not(.error). You are not allowed to use a :not() inside a :not() which is no big problem, because that would be equal to a normal selector.


ul *:not(li) {display:none;}

*:not(div) {margin:0;}

p:not(#special) {padding:10px;}


Chrome Firefox Internet Explorer Opera Safari
14+ 3+ 9+ 11.1+ 4.0+