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

Question

快速方案：我有一个菜单，默认情况下有黑色锚点，当我将鼠标悬停在链接上时，它会变为白色，使用：hover，足够标准的东西。然后，我会如何将所有其他链接改为黑暗的，而悬停的链接保持白色？

我已经通过http://www.w3schools.com/css/css_pseudo_classes.asp看了一下，因为我的猜测是这其中的一个，但是这些描述似乎并不符合我之后的内容。

Answer 1

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

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/