CSS :empty Pseudo-Klasse

Definition und Verwendung

CSS :empty Pseudo-Klassen werden verwendet, um jeden Element zu treffen, das keine Kindelemente (einschließlich Textknoten) hat.

Tipp:Wenn ein Element andere Elemente, Text oder Leerzeichen zwischen Tags enthält, hat es Kindelemente.

Beispiel

Bestimmen Sie den hellorangeen Hintergrund für leere Elemente mit der Klasse "box":

box:empty {
  background-color: salmon;
}

Probieren Sie es selbst aus

CSS-Syntax

:empty {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-klasse vollständig unterstützt.