我有一个网站 here
在屏幕顶部，您会看到一个菜单。将鼠标悬停在“Everything”上，您将看到一个子菜单。
当您将鼠标悬停在某个项目上时，您会在每个菜单项上看到深灰色背景。文本保持红色，我希望文本在悬停时为白色。
这是我到目前为止所拥有的......
#nv-tabs ul li ul li:hover {background: #252525!important; }
看起来文字颜色（悬停时）也应该在此div ID中，所以我试过这个......
#nv-tabs ul li ul li:hover {background: #252525!important;color: #FFFFFF;}
......但它不起作用。
不知道我在哪里错了。
答案 0 :(得分：2)
尝试类似#nv-tabs ul li ul li:hover a {color: white !important;}
考虑到您说您的代码无效......您可能会直接设置<a>代码文字的颜色...这就是您可能需要直接访问<a>的原因用于更改文字颜色的标签...
我可以在你的代码中看到这个：
#nv-tabs a {
color: #000000;
}
我认为这就是您必须直接访问<a>代码才能更改颜色的原因。如果颜色设置为#nv-tabs ul li ul li，您可以#nv-tabs ul li ul li:hover进行更改。
如果有人可以说出这种行为，我会很高兴。我不知道它是如何调用的，但我很确定它是如何工作的。
答案 1 :(得分：2)
尝试
#nv-tabs ul#dyndropmenu.menu li ul.sub-menu li a:hover {
color:white !important;
}
^应该在悬停时使文本变白，而其他文本保持红色。