html – 当鼠标悬停在一个链接上时,更改列表中每个链接的颜色

概述这是一个示例列表： <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li></ul> 以下是款式： li a { color: #999;}li a:hover { color: #333;} 现在,每个 这是一个示例列表：

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

以下是款式：

li a {    color: #999;}li a:hover {    color: #333;}

现在,每个链接都是#999,当用户将鼠标悬停在任何链接上时,单个链接将变为#333.我想要做的是不仅使链接被覆盖成为#333,而且我还想让列表中的其他链接同时成为#eee.我怎样才能做到这一点？

解决方法 将a：悬停在整个< ul>上在你的实例中工作？

ul:hover li a{    color: #eee}

由于特殊性规则,您还需要更改a：hover规则：

ul li a:hover {    color: #333;}

这是一个例子：http://jsfiddle.net/7NLt8/

总结

以上是内存溢出为你收集整理的html – 当鼠标悬停在一个链接上时,更改列表中每个链接的颜色全部内容，希望文章能够帮你解决html – 当鼠标悬停在一个链接上时,更改列表中每个链接的颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。