a:hover 不覆盖父类答案

【问题标题】：a:hover not overriding parent classa:hover 不覆盖父类
【发布时间】：2009-06-11 21:04:08
【问题描述】：

我有一个带有 Masterpage 的 aspx 页面，其中包含一个 CssClass 为 menutoolbar 的面板。在该面板中，我正在放置对象，在本例中是一个带有 SearchLink 类的链接按钮。

在我的样式表中，我正在定义

.menutoolbar a:hover { color: red }

.Searchlink a:hover { color: yellow }

当我将鼠标悬停在Searchlink 链接上时，它是红色的！这不是我所期望的，Searchlink 专门定义为黄色，看起来父容器 menutoolbar 覆盖了颜色，与我的预期相反。

如何将Searchlink 的悬停效果设为黄色？

【问题讨论】：

标签： asp.net css

【解决方案1】：

a.Searchlink:hover { color: yellow }

【讨论】：

【解决方案2】：

尝试做：

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

如果链接类是“searchlink”，你可以试试

a.Searchlink:hover { color: yellow; }

【讨论】：

【解决方案3】：

或者，您可以更具体地使用规则，例如

a.Searchlink:hover { color: yellow;}

或者类似的东西。

【讨论】：