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

Question

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

我浏览了http://www.w3schools.com/css/css_pseudo_classes.asp我的猜测是其中之一，但描述似乎与我所追求的不符。

Answer 1

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

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/