如何保持活动链接颜色？

Question

这是我的基本导航栏的html：

<div id="nav_container">
    <ul id="nav">
        <li>
            <a href="#">Home</a>               
        </li>
        <li>
            <a href="#">About Us</a>
            <ul>
                <li>
                    <a href="#">Location</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

我创造了一个小提示来显示我的问题：

http://jsfiddle.net/97L5srjf/2/

当鼠标悬停在下拉菜单中的某个项目上时，我希望导航栏中的原始链接保持黑色而不是更改回白色。如何选择它来执行此操作？

P.S。请忽略这个小提琴下拉的白色空间。我不知道为什么会这样或者如何摆脱它。

Answer 1

你去吧

#nav li:hover a { color: #000; }

如上所述，当li悬停时，请将锚标记颜色设置为黑色。

这是一个例子

http://jsfiddle.net/97L5srjf/3/

Answer 2

添加到您的CSS：

#nav li:hover a
{
   color: #000;
}