根据悬停在另一个元素/类上添加/删除CSS文本颜色

Question

我正在使用Superfish，并试图让样式稍有不同。基本上，当我将鼠标悬停在带有ul的菜单上时，下拉菜单就很好了。当我将鼠标悬停在下拉列表中的元素上时，文本颜色就很好了，因为我用:hover设置了该元素的样式。

当我不将鼠标悬停在该元素上时，它使用顶层的颜色。

我希望它保持白色-请忽略背景颜色的差异，我正在尝试一些东西。

我的CSS http://pastebin.com/Hy1Rdwxb

我必须使用jQuery .addClass才能让它保持白色吗？

Answer 1

假设这就是给它着色的东西：

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:             #ae9b9d;
        outline:                0;
        color: #eee !important; 
}

您需要在.sf-menu li:hover > a中更改/添加.sf-menu li:hover才能获得效果。问题是它不会在悬停时着色，因为a标记本身有更具体的样式。上面的代码允许直接在li下面的a标签使用CSS设置样式。

注意，>操作符并不是直接设置下面所有元素的样式，而是won't work in IE 6 (因为你的一些样式似乎表明你会支持它，which you shouldn't，除非你的读者强迫你)，这意味着你仍然会在IE6中看到这种变色。