更改悬停在链接上时未悬停的链接文本的颜色？答案

【问题标题】：Changing the colour of link text that are not hovered while hovering over a link?更改悬停在链接上时未悬停的链接文本的颜色？
【发布时间】：2015-08-05 16:25:14
【问题描述】：

快速场景：我有一个默认情况下具有黑色锚点的菜单，当我将鼠标悬停在链接上时，它会使用 :hover 更改为白色，这是足够标准的东西。我如何将所有其他链接更改为深灰色，而悬停在上面的链接保持白色？

我看过http://www.w3schools.com/css/css_pseudo_classes.asp，因为我猜它就是其中之一，但是描述似乎与我所追求的不符。

【问题讨论】：

这可能就是为什么我找不到任何材料来形成 CSS 解决方案，因为我认为这可能是可能的。
是的，这就是我所追求的。即使问题已结束，也要感谢您的回复。
如果您觉得可以用 CSS 来回答，请继续……但您的小提琴并未涵盖原始场景。列表项必须具有默认颜色。也许这 - jsfiddle.net/1atzsp3w/3

标签： html css asp.net user-interface navigation

【解决方案1】：

我使用 ul:hover 和 ul:hover a:hover 创建了一个仅使用 CSS 的简单小提琴。

a{
background: grey;
padding: 3px;
}
li{
float: left; list-style: none; margin-right: 5px;
}
ul:hover a{
color: #f00;
}
ul:hover a:hover{
color: white;
}

<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>

http://jsfiddle.net/afelixj/mro07h6p/2/

【讨论】：