Aplicar instruccion a menú y subniveles sin repetir la instruccion para c/u
Publicado por Fernando (2 intervenciones) el 20/08/2019 19:25:32
Que tal, en principio he de señalar que mi entendimiento es limitado, sin embargo ahí mas o menos me va funcionando todo, en este caso lo que requiero es aplicar un efecto hover a mi menú principal, y a los 3 niveles posteriores del mismo, lo cual ya conseguí pero repitiendo la instrucción para c/u, lo cual me suena que es ocioso y pensé que quizá habría forma de poner que aplique a todo sólo una vez y no tener que repetirlo para cada nivel, se puede???
Así lo puse...
Como verán es el mismo efecto en todos los casos.
- Desde ya, agradezco cualquier orientación
Saludos!!!
Así lo puse...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#header .top-menu a[data-depth="0"]:hover {
color: #F5F5F5;
background-color: #333;
}#header .top-menu a[data-depth="1"]:hover {
color: #F5F5F5;
background-color: #333;
}#header .top-menu a[data-depth="2"]:hover {
color: #F5F5F5;
background-color: #333;
}#header .top-menu a[data-depth="3"]:hover {
color: #F5F5F5;
background-color: #333;
}Como verán es el mismo efecto en todos los casos.
- Desde ya, agradezco cualquier orientación
Saludos!!!
Valora esta pregunta
0
