在悬停时导航内部的div

Question

我在悬停时有一个下拉菜单，我显示li的不同背景颜色，其中div为dropdown类，li颜色不同，没有子菜单包含在div < / p>

<ul class="nav">
<li>
   <a href="page1"> page one</a>
</li>
<li>
   <a href="page2"> page one</a>
   <div class="dropdown"> .....</div>
</li>
<li>
   <a href="page3"> page one</a>
</li>
<ul>

我只希望定位li，它没有任何子菜单，换句话说，div只存在于课程class="dropdown"。

我知道这可以使用jquery使用hasClass来实现，但我想只使用css来实现。

Answer 1

如果要分离样式和脚本，最好的办法是使用jQuery检查下拉类并向其父类添加一个类（例如contains_dropdown）。给那个类contains_dropdown你想要的样式。