Pseudo-classe :not
A pseudo-classe :not é utilizada para selecionar e estilizar elementos que não correspondem a um determinado seletor. Essa pseudo-classe permite a aplicação de estilos a elementos específicos, excluindo aqueles que correspondem a um padrão definido.
Exemplo
Considere o seguinte trecho de código HTML com vários parágrafos, alguns dos quais possuem a classe ‘destaque’:
<p>Este parágrafo não é destacado.</p>
<p class="destaque">Este parágrafo é destacado.</p>
<p>Outro parágrafo comum.</p>O código CSS abaixo estilizará parágrafos que não possuem a classe ‘destaque’:
p:not(.destaque) {
color: darkblue;
}
Neste exemplo, os parágrafos sem a classe ‘destaque’ terão uma cor de texto azul escuro.