: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

span: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><!-- --></span>

<span> </span>
<span>Lorem ipsum</span>
<span><strong></strong></span>
 

Browser Kompatibilität

Browser ab Version
Internet Explorer ---
Firefox (Gecko) 1.5 (1.8)
Opera 9.5
Safari (WebKit) 3.1 (525), vorher sehr fehlerhaft

Spezifikation

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: SJW, Michael2402, fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden