a: hover ne pas surcharger la classe parente

Question

J'ai une page ASPX avec une Masterpage contenant un panneau avec une CssClass de "menutoolbar". Dans ce panneau je place des objets, dans ce cas un linkbutton avec une classe de "SearchLink".

Dans ma feuille de style, je suis en train de définir

.menutoolbar a: hover {color: red}

.Searchlink a: hover {color: jaune}

Quand je passe la souris sur le lien Searchlink c'est rouge! Ce n'est pas ce à quoi je m'attends, le Searchlink est spécifiquement défini comme étant jaune, il semble que le conteneur parent "menutoolbar" écrase la couleur, inversement de ce à quoi je m'attendrais.

Comment puis-je rendre jaune l'effet de survol pour Searchlink?

Answer 1

a.Searchlink:hover { color: yellow } 

Answer 2

essayer de faire:

.Searchlink a:hover { color: yellow!important; } 

si la classe de lien est "searchlink" vous pouvez essayer

a.Searchlink:hover { color: yellow; } 

Answer 3

Sinon, vous pouvez être plus précis à la règle, par exemple

a.Searchlink:hover { color: yellow;} 

Ou quelque chose comme ça.