a: hover не перекрывает родительский класс

Question

У меня есть страница aspx с главной страницей, содержащей панель с классом CssClass menutoolbar. Внутри этой панели я размещаю объекты, в данном случае кнопку ссылки с классом SearchLink.

В моей таблице стилей я определяю

.menutoolbar a:hover { color: red }

.Searchlink a:hover { color: yellow }

При наведении курсора на ссылку Searchlink она становится красной! Это не то, что я ожидаю, Searchlink определенно определено как желтый, похоже, родительский контейнер menutoolbar переопределяет цвет, в противоположность тому, что я ожидал.

Как сделать эффект наведения желтым для Searchlink?

Answer 1

a.Searchlink:hover { color: yellow }

Answer 2

попробуйте сделать:

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

если класс ссылки "searchlink", вы можете попробовать

a.Searchlink:hover { color: yellow; }

Answer 3

В качестве альтернативы вы можете быть более конкретным с правилом, например

a.Searchlink:hover { color: yellow;}

Или что-то в этом роде.