css - 在 CSS 中选择带有子元素的父列表

Question

当子列表悬停时，我想在父列表上保持悬停颜色。

这是第二个菜单有子菜单的示例，当您将鼠标悬停在子菜单上时，主菜单的颜色消失了。

http://jsfiddle.net/ya8ga/

谢谢

HTML

<div id="menu2">
<ul>
    <li class="l1"><a href="#">Home</a></li>
    <li class="l2 dropDown"><a href="#">Hotel</a>
        <ul class="sub1">
            <li class="l1"><a href="#">Hotel Sub 1</a></li>
            <li class="l2"><a href="#">Hotel Sub 2</a>
    </li>
</ul>

Answer 1

改变这个：

#menu2 li a:hover{background:#89E00C; color:#2D1C13;}

对此：

#menu2 li:hover{background:#89E00C; color:#2D1C13;}