a:悬停不覆盖父类

Question

我有一个带有Masterpage的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 }