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

Question

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

我已经浏览了 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/

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

Changing the colour of link text that are not hovered while hovering over a link?

html

css

navigation

asp.net

user-interface