Pseudo-classe :empty CSS

Definizione e uso

CSS :empty I pseudo-classe vengono utilizzati per abbinare ogni elemento che non ha alcun elemento figlio (inclusi i nodi di testo).

Suggerimento:Se un elemento contiene altri elementi, testo o spazi tra etichette, l'elemento ha elementi figli.

Esempio

Assegna un colore di sfondo arancione chiaro agli elementi vuoti con la classe "box":

box:empty {
  background-color: salmon;
}

Prova da solo

Sintassi CSS

:empty {
  declarazioni CSS;
}

Dettagli tecnici

Versione: CSS3

Supporto del browser

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6