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

Question

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

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

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

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

Answer 1

添加这一行css

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