Html 未应用下拉文本颜色的悬停

我制作了一个固定的导航栏，但似乎无法确定为什么当你将鼠标悬停在“主菜单”上，然后再将鼠标悬停在子菜单上时，“主菜单”的文本不会改变颜色

#nav-top > ul > li > a:hover, .nav-top-menu-button:hover {
    background-color: #fff;
    color: #000;
}

jshiddle:

您可以使用

#nav top>ul>li:hover>a、.nav top菜单按钮：hover

而不是

#nav top>ul>a:hover、.nav top菜单按钮：hover

。所以，更改是

：悬停

应该向上移动一步。否则，只有

代码才会触发颜色更改

li.nav-top-menu-button:hover a{
   color:#000!important;
}

这应该行得通。 它针对包含“菜单”链接的主

li

。由于下拉菜单仍在

li

中，因此在选择子链接时，您仍将其悬停。

！重要信息

只是说它优先于任何其他样式