El :emptypseudo selector seleccionará elementos que no contengan nada o solo un comentario HTML.
div:empty ( display: none; )Coincidirá
No coincidirá
Es útil para ocultar elementos vacíos que pueden causar un espaciado extraño (por ejemplo, tienen relleno). O algo como eliminar el borde del elemento de celda de la tabla superior izquierda en una tabla de referencias cruzadas.
Tenga en cuenta que en la especificación de Selectores de nivel 4: vacío se ha actualizado para incluir el elemento de espacio en blanco. ¡Gran cambio! ¡Hurra! No estoy seguro de si algún navegador lo está haciendo todavía.
Soporte de navegador
Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.
Escritorio
| Cromo | Firefox | ES DECIR | Borde | Safari |
|---|---|---|---|---|
| 4 | 3,5 | 9 | 12 | 3.2 |
Móvil / Tablet
| Android Chrome | Android Firefox | Androide | Safari de iOS |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |