悬停在子导航上时如何阻止悬停列表项文本更改回默认值答案

【问题标题】：How to stop a hovered list item's text from changing back to default when hovering over subnav悬停在子导航上时如何阻止悬停列表项文本更改回默认值
【发布时间】：2011-11-17 18:31:35
【问题描述】：

我有一个水平菜单，它使用跨度在其正下方显示水平子导航。当您将鼠标悬停在菜单中的列表项上时，子导航会显示相应列表项的链接集。

问题是，当我将鼠标悬停在列表项上，然后将光标向下移动到子导航时，列表项将恢复为默认颜色，但列表项仍处于悬停状态。

如何阻止文本恢复为默认颜色？我是否遗漏了 CSS 中的某些内容，或者这可能必须在 JavaScript 中完成。

示例如下：http://jsfiddle.net/SeasonEnds/LSmfN/

【问题讨论】：

标签： css menu

【解决方案1】：

添加这一行css

ul#topnav li:hover a { color: #828282;  }

【讨论】：

我不知道为什么我以前没有看到这个。这真的是一件非常简单的事情。感谢您的回答！效果很好。