我有这段代码:
<ul class="horizmenu">
<li>
<a>Link</a>
</li>
</ul>
jsfiddle中的
我希望如果我将鼠标悬停在li
区域,则a
文字的颜色应更改为白色。现在,如果我悬停,它仍然是黑色的,只有当我悬停a
时,它才变为白色。
我怎样才能在css中实现这个目标?
答案 0 :(得分:5)
li:hover a {
color: #F0F;
}
答案 1 :(得分:1)
.horizmenu {
width:700px;
list-style-type: none;
margin: 0;
padding: 0;
}
.horizmenu li {
width:80px;
height:20px;
display: inline;
padding: 5px 5px 5px 5px;
border: 1px solid #e0e0e0;
cursor: pointer;
margin-right: 7px;
}
.horizmenu li:active,li:hover{
background-color: #156ac6;
color:white;
}
.horizmenu li a {
text-decoration: none;
}
.horizmenu li a:hover,a:active {
text-decoration: none;
}
修正了jsFiddle:http://jsfiddle.net/GY2ge/
答案 2 :(得分:1)
答案 3 :(得分:1)
改变这个:
.horizmenu li a:hover, a:active {
text-decoration: none;
color: #ffffff;
}
进入这个:
.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}
答案 4 :(得分:1)
.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}