CSS Hover même pour plusieurs classes

Question

Les classes suivantes avaient exactement les mêmes règles CSS appliquées Je me demande si le est un moyen de définir ces 3 en un.

#menuHolder .l1 a:hover 
#menuHolder .l2 a:hover 
#menuHolder .l3 a:hover 

Jusqu'à présent, j'essayé sans succès:

#menuHolder .l1, l2, l3 a:hover 
#menuHolder .l1 l2 l3 a:hover 
#menuHolder .l1 a:hover, .l2 a:hover, .l3 a:hover 

Merci!

Answer 1

Devez-vous spécifier la classe?

Que diriez-vous juste:

#menuHolder a:hover{} 

Answer 2

#menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover 
{ 

} 

Si vous avez des classes qui auront toujours les mêmes styles, vous pouvez les séparer par des virgules pour le même jeu de style. Cependant, si cela se produit souvent, il pourrait être utile de regarder dans votre conception HTML pour voir si elle peut être rangée pour appeler les mêmes classes à chaque fois.

Par exemple, si .l1, .l2, .l3 sont les mêmes, peut-être remplacer les classes avec .l afin que le CSS peut juste être:

#menuHolder .l a:hover 
{ 

} 

Answer 3

#menuHolder .l1 a:hover, 
#menuHolder .l2 a:hover, 
#menuHolder .l3 a:hover { 
    ... 
} 

Answer 4

#menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover 
{ 

} 

Answer 5

Non, la seule façon est à:

#menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover { 
    ... 
} 

Ce que vous devez faire cependant, est de donner ag Eneral classe pour tous les 3, puis quelque chose comme ceci:

#menuHolder .hoverable a:hover { 
    ... 
}