Den :empty
pseudo väljaren kommer att välja element som innehåller antingen inget eller endast en HTML-kommentar.
div:empty ( display: none; )
Kommer att matcha
Kommer inte att matcha
Det är användbart för att dölja tomma element som kan orsaka konstiga avstånd (t.ex. att de har stoppning). Eller något som att ta bort gränsen från det översta vänstra tabellcellelementet i en korsrefererande tabell.
Observera att i Selectors Level 4 spec: tom har uppdaterats för att inkludera heltäckande element. Stor förändring! Jippie! Inte säker på om någon webbläsare faktiskt gör det ännu.
Webbläsarstöd
Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.
Skrivbord
Krom | Firefox | IE | Kant | Safari |
---|---|---|---|---|
4 | 3.5 | 9 | 12 | 3.2 |
Mobil / surfplatta
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 2.1 | 3.2 |