在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;}