CSS - Aplicar instruccion a menú y subniveles sin repetir la instruccion para c/u

 
Vista:

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...
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 427
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Aplicar instruccion a menú y subniveles sin repetir la instruccion para c/u

Publicado por joel (68 intervenciones) el 21/08/2019 10:57:28
Hola Fernando, no muestras tu código html, pero según veo, puedes hacerlo así:
1
2
3
4
#header .top-menu a:hover {
    color: #F5F5F5;
    background-color: #333;
}

Te sirve?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Aplicar instruccion a menú y subniveles sin repetir la instruccion para c/u

Publicado por Fernando (2 intervenciones) el 21/08/2019 20:43:14
Pues ahí está, justo es lo que buscaba, resuelto, muchísimas gracias!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar