0

我有一个网站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;}

...但它不工作。

不知道我要去哪里错了。

4

2 回答 2

2

尝试

#nv-tabs ul#dyndropmenu.menu li ul.sub-menu li a:hover {
    color:white !important;
}

^ 应该在悬停时使文本变为白色，而其他文本保持红色。

于 2013-09-19T18:29:13.550 回答
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改变它。

如果有人可以命名这种行为，我会很高兴。我不知道它是怎么称呼的，但我很确定它是这样工作的。

于 2013-09-19T17:29:57.460 回答