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

Question

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

我已经浏览了http://www.w3schools.com/css/css_pseudo_classes.asp因为我的猜测是其中之一，但这些描述似乎与我之后的情况不符。< / p>

Answer 1

我使用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/