Negação

A pseudo-classe CSS de negação, :not(X), é uma notação funcional que recebe um seletor simples X como argumento. Ela seleciona um elemento que não é representado por seu argumento. X não pode conter outro seletor de negação.

Considere o seguinte código HTML:

<p>Um pouco de texto.</p>
<p class="classico">Um pouco mais de texto.</p>
<span>Mais um texto<span>

E então o código css abaixo

p:not(.classico) { 
    color: red;
}

body *:not(p) {
    color: green;
}

Vai produzir um parágrafo com a cor vermelha (o primeiro, que não é da classe "classico"), e também vai produzir um texto em cor verde, com o elemento span, que é filho de body e não é um elemento do tipo p.

Last updated

Was this helpful?