Der :emptyPseudo-Selektor wählt Elemente aus, die entweder nichts oder nur einen HTML-Kommentar enthalten.
div:empty ( display: none; )Wird passen
Wird nicht übereinstimmen
Es ist nützlich, um leere Elemente auszublenden, die zu seltsamen Abständen führen können (z. B. Polsterung). Oder so etwas wie das Entfernen des Rahmens aus dem Zellenelement der oberen linken Tabelle in einer Tabelle mit Querverweisen.
Beachten Sie, dass in Selectors Level 4 spec: empty so aktualisiert wurde, dass es nur noch Leerzeichen enthält. Große Veränderung! Yay! Ich bin mir nicht sicher, ob ein Browser dies tatsächlich tut.
Browser-Unterstützung
Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrom | Feuerfuchs | IE | Kante | Safari |
|---|---|---|---|---|
| 4 | 3.5 | 9 | 12 | 3.2 |
Handy / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |