Depende de cómo esté configurado su marcado, pero una forma común de lograr esto es con listas anidadas no ordenadas y configurando el color de fondo bajo la condición de que el elemento de la lista principal se pase por encima. Aquí hay un ejemplo:
HTML
CSS
- ¿Qué estilo de interacción PHP MySQL debería elegir?
- JavaScript (lenguaje de programación): ¿Cómo salió babel.js y por qué Node.js no pudo implementar estas características directamente?
- ¿Cuáles son las mejores prácticas de desarrollo web?
- Cómo encontrar trabajo remoto en el desarrollo front-end
- Cómo implementar múltiples autenticaciones en Django
ul ul {
pantalla: ninguno;
}
ul> li: hover> a {
fondo: rojo;
}
ul> li: hover ul {
bloqueo de pantalla;
}
El truco aquí es establecer el color de fondo bajo la condición de que el elemento de la lista primaria se desplace porque cuando se pasa el cursor sobre los elementos de la lista secundaria, todavía se encuentra sobre el elemento de la lista primaria porque los elementos de la lista secundaria están anidados.
