a：悬停不覆盖父类

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;}

或类似的东西。