Lo :emptypseudo selettore selezionerà gli elementi che non contengono niente o solo un commento HTML.
div:empty ( display: none; )Corrisponderà
Non corrisponderà
È utile per nascondere elementi vuoti che potrebbero causare una spaziatura strana (ad esempio, hanno imbottitura). O qualcosa come rimuovere il bordo dall'elemento cella della tabella in alto a sinistra in una tabella di riferimenti incrociati.
Si noti che nella specifica del livello 4 dei selettori: vuoto è stato aggiornato per includere l'elemento di tutti gli spazi. Grande cambiamento! Sìì! Non sono sicuro che qualche browser lo stia ancora facendo.
Supporto del browser
Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.
Desktop
| Cromo | Firefox | IE | Bordo | Safari |
|---|---|---|---|---|
| 4 | 3.5 | 9 | 12 | 3.2 |
Mobile / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |