Pseudo-classe CSS :not()

Definizione e uso

CSS :not() I pseudo-classe vengono utilizzati per abbinare qualsiasi elemento/selatore che non è specificato.

Esempio

Esempio 1

Imposta il colore del testo per tutti gli elementi che non sono <p>:

:not(p) {
  color: red;
}

Prova tu stesso

Esempio 2

Ulteriori utilizzi :not() Esempio:

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

Prova tu stesso

Sintassi CSS

:not(selettore) {
  declarazioni CSS;
}

Dettagli tecnici

Supporto del browser

Le numeri nella tabella indicano la versione del browser che supporta completamente il pseudo-classe.