当鼠标悬停在子导航上时,如何阻止悬停列表项的文本更改回默认值
我有一个水平菜单,它使用跨度在其正下方显示水平子导航。当您将鼠标悬停在菜单中的列表项上时,子导航会显示相应列表项的链接集。
问题是,当我将鼠标悬停在列表项上,然后将光标向下移动到子导航时,列表项将恢复为其默认颜色,但列表项仍处于悬停状态。
如何阻止文本恢复为默认颜色?我是否遗漏了 CSS 中的某些内容,或者这可能必须在 JavaScript 中完成。
I have a horizontal menu that uses spans to display a horizontal subnav directly below it. When you hover over the list item in the menu, the subnav displays that respective list item's set of links.
The issue is that when I hover over a list item and then move the cursor down to the subnav, the list item reverts to it's default color, but the list item remains in a hover state.
How can I stop the text from reverting back to it's default color? Am I missing something in the CSS or is this something that might have to be accomplished in JavaScript.
Here is the example: http://jsfiddle.net/SeasonEnds/LSmfN/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
添加这一行css
Add this row of css