Pseudo-classe CSS :not()

Definição e uso

CSS :not() Os pseudo-classe são usados para combinar qualquer elemento/seletor que não seja o especificado.

Exemplo

Exemplo 1

Defina a cor do texto para todos os elementos que não sejam <p>:

:not(p) {
  color: vermelho;
}

Experimente você mesmo

Exemplo 2

Mais usos :not() Exemplo:

.special {
  border: 2px solid marrom;
}
p:not(.special) {
  color: green;
}
body :not(p) {
  text-decoration: underline;
}
body :not(div):not(.special) {
  font-weight: bold;
}

Experimente você mesmo

Sintaxe CSS

:not(seletor) {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.