CSS悬停颜色和<li>

Question

我有一个横向菜单栏，我用CSS编写。我想让每个<li>只有当鼠标悬停在它上面时才会有不同的背景颜色。这很有效。

但是，当悬停发生时，我还需要更改<a>内<li>内文字的颜色。

这是我到目前为止所做的：

.horizontalMenu li {
    display: inline-block;
}

.horizontalMenu li:hover {
    background-color: #ffffff;
    color: #000000
}

但是，这并未改变<a>中的文字颜色。

我试过了：

.horizontalAppMenu li a:hover {
    color: #000000;
}

然而，当实际链接悬停在整个菜单部分上时，这只会改变文本颜色。

如何解决此问题？

Answer 1

试试这个：

.horizontalAppMenu li:hover a {
    color: #000000;
}

旧版本的IE（如IE6）不支持除A标签以外的任何其他选项，但所有现代浏览器都支持它。

Answer 2

你可以这样做：

.horizontalAppMenu li:hover a {
   color: #000;
}