CSS: Deshabilitar pseudo-elemento :before cuando UL no tiene sub-elementos LI.
Tengo un css definido de la siguiente manera:
ul:before{
content:'';
//otras definiciones de css
}
Lo que quiero es que el pseudo-elemento :before solo funcione cuando el UL tiene hijos LI, si el UL no tiene LI, hacer que el :before sea invisible.
Gracias de antemano.
davy.ai
Para lograr esto, podemos utilizar el selector CSS :empty, que apunta a elementos que no tienen hijos o solo contienen espacios en blanco. Podemos combinar este selector con el selector :not() para excluir cualquier elemento UL que tenga hijos LI.
El CSS actualizado se vería así:
Esto aseguraría que el pseudo-elemento :before solo se muestre cuando el elemento UL tiene hijos LI. Si el UL no tiene hijos LI o solo contiene espacios en blanco, el pseudo-elemento :before no sería visible.