make <li>在悬停时更改颜色

Question

我已经实现了一个非画布菜单。我希望在悬停时使整个<li>更改颜色，但只有文本正在改变颜色。我怎么能这样做？

请在此处查看完整代码：

https://jsfiddle.net/nia24/u7gLwx49/

Answer 1

小提琴中没有班级菜单，所以：

<ul id="toggle" class="menu">

并注意 li 和之间的空间：悬停：

.menu li:hover{
    background: #00ff99;
}

现在，它有效：https://jsfiddle.net/u7gLwx49/1/

Answer 2

您可以这样使用：

.menu li:hover a { color: #FFFFF; }

当悬停在 li 元素

上时，文字会改变颜色