CSS Referenzhandbuch

CSS @Regeln (RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS Funktionen (Functions)CSS Selector大全

CSS3 :empty Selektor

:empty CSS Pseudo-Klasse stellt Elemente dar, die keine Unterlemente haben. Unterlemente können nur Elementknoten oder Text (einschließlich Leerzeichen) sein.

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Bestimmen Sie die Hintergrundfarbe eines leeren div-Elements:

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Grund教程(oldtoolbag.com)</title>/title>　
<style>
.box {
　　　　background: pink;
　　　　height:　80px;
　　　　width:　80px;
　　　　　margin:10px;
}
.box:empty {
　　　　background: lime;
}
</style>
</head>
<body>
<div class="box"><!--　Meine Farbe ist grün　--></div>
<div class="box">Meine Hintergrundfarbe ist rosa</div>
<div class="box">
　　　　!--　Ich werde rot sein, weil der Inhalt um diesen Kasten leer ist　-->
</div>
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

:empty

:empty Selektor wählt jeden Element, der keine Unterlemente hat (einschließlich Textknoten).

Browser-Kompatibilität

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft unterstützt.

Selektor
:empty	4.0	9.0	3.5	3.2	9.6

Vollständiges Referenzhandbuch für CSS-Selektoren

CSS Funktionen (Functions)CSS Selector大全