2

我有这个代码：

<ul class="horizmenu">
   <li>
      <a>Link</a>
   </li>
</ul>

http://jsfiddle.net/pAgS9/ 在 jsfiddle

我希望如果我悬停该li区域，a文本的颜色应该变为白色。现在，如果我悬停，它仍然是黑色的，只有当我悬停 时a，它才会变成白色。

我怎样才能在css中实现这一点？

4

5 回答 5

5 
li:hover a {
    color: #F0F;
}
于 2013-11-08T15:07:46.500 回答
1

改变这个：

.horizmenu li a:hover, a:active {
text-decoration: none;
color: #ffffff;
}

进入这个：

.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}
于 2013-11-08T15:36:17.357 回答
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;
}

Fixed jsFiddle: http://jsfiddle.net/GY2ge/

于 2013-11-08T15:09:18.650 回答
1

Just add this css class: 

.horizmenu > li:hover > a
{
    color: white;
}

jsFiddle

于 2013-11-08T15:09:23.760 回答
1 
.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}
于 2013-11-08T16:03:53.320 回答