Question

I have an aspx page with a Masterpage containing a panel with a CssClass of menutoolbar. Within that panel I am placing objects, in this case a linkbutton with a class of SearchLink.

In my Stylesheet, I am defining

.menutoolbar a:hover { color: red }

.Searchlink a:hover { color: yellow }

When I hover over the Searchlink link it is red! This is not what I expect, the Searchlink specifically is defined as yellow, it looks like the parent container menutoolbar is overriding the color, reverse of what I would expect.

How can I make the hover effect yellow for Searchlink?

Answer 1

a.Searchlink:hover { color: yellow }