如何保持活动链接颜色？答案

【问题标题】：How do I keep active link color?如何保持活动链接颜色？
【发布时间】：2014-09-04 01:58:45
【问题描述】：

这是我的基本导航栏的 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/

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

附言请忽略此小提琴下拉列表中的空白。我不确定它为什么会存在或如何摆脱它。

【问题讨论】：

鼠标悬停，使锚点变黑#nav li:hover a { ... }jsfiddle.net/97L5srjf/3
stackoverflow.com/questions/10354983/…

标签： html css

【解决方案1】：

给你

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

上面说，当li 悬停时，将锚标记颜色设为黑色。

这是一个例子

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

【讨论】：

如果有人可以解释否决票，那将很有帮助，因为此解决方案是正确的
我认为 OP 提出了一些真正不同的问题：如何使悬停状态持续存在。此外，您的答案是他已经拥有的。我想这就是为什么有人对你投了反对票，答案是错误的，你没有注意 OP 已经拥有的东西。
@Fabio 不，这不是 OP 已经拥有的，如果你比较他的小提琴和我的小提琴（悬停第二个项目）你会看到区别。他的小提琴，第二个链接在子项目上悬停时是白色的，我的它是 OP 要求的黑色
你是对的，我自己误解了这个问题。这是我的 +1

【解决方案2】：

添加到您的 CSS：

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

【讨论】：