在悬停li改变li链接颜色

Question

当我悬停在上面时，我正在努力改变特定li的字体颜色。  文本是超链接的。当你将鼠标悬停在链接上时，字体颜色会发生变化。但是我想要将它悬停在整个li上。

这是我的代码

<nav class="top_menu">
    <ul class="black_high">
        <li class="first"> <a href="#">Home</a>

        </li>
        <li> <a href="#">news</a>

        </li>
    </ul>
</nav>

演示：http://jsfiddle.net/squidraj/h2zu5xx2/

我不确定是否必须使用某种js / jquery来实现这一目标？请建议。提前致谢。

Answer 1

您不需要任何脚本或插件，只需要正确的CSS。在CSS中，更改行：

.top_menu ul li a:hover

要：

.top_menu ul li:hover a

小提琴：http://jsfiddle.net/praveenscience/h2zu5xx2/1/