De :emptypseudo-selector zal elementen selecteren die niets of alleen een HTML-commentaar bevatten.
div:empty ( display: none; )Komt overeen
Komt niet overeen
Het is handig om lege elementen te verbergen die een vreemde tussenruimte kunnen veroorzaken (bijv. Ze hebben opvulling). Of zoiets als het verwijderen van de rand van het celelement linksboven in een tabel met kruisverwijzingen.
Merk op dat in Selectors Level 4 spec: empty is bijgewerkt om het geheel witruimte-element op te nemen. Grote verandering! Ja! Ik weet niet zeker of een browser dat al doet.
Browser-ondersteuning
Deze browserondersteuningsgegevens zijn van Caniuse, die meer details bevat. Een getal geeft aan dat de browser de functie ondersteunt vanaf die versie.
Bureaublad
| Chrome | Firefox | D.W.Z | Rand | Safari |
|---|---|---|---|---|
| 4 | 3.5 | 9 | 12 | 3.2 |
Mobiel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |