在悬停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/