:empty
Übersicht
Der pseudo-Klassen Selektor :empty
wählt Elemente aus, die über kein Kindelement verfügen. Ein Inhalt in Form von einem Text wird dabei ebenfalls als ein Kind des Elementes angesehen, Kommentare und sonstige Verarbeitungsanweisungen jedoch nicht.
Syntax
<element>:empty { /* Deklarationsblock */ }
Beispiele
span:empty::before {
background-color: lime;
}
Die ersten beiden span
Elemente sind leer, sodass der :empty
Selektor angewendet wird. Auf die letzten drei trifft das jedoch nicht zu.
<span></span>
<span><!-- Dieses Element wird grün dargestellt --></span>
<span> </span>
<span>Lorem ipsum</span>
<span><strong></strong></span>
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
Selectors Level 4 Die Definition von ':empty' in dieser Spezifikation. |
Arbeitsentwurf | Keine Änderung |
Selectors Level 3 Die Definition von ':empty' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser