ul>li ul{transition:height 0.3s;} ul>li:hover ul{height: 120px;}

这两句帮忙解释下

庸俗的书生

2016-11-03

源自：导航条菜单的制作 6-2

关注问题我要回答

1058

操作

收起

1 回答

时光轮回答被采纳 +3 积分
2016-11-04

这句话的意思是当鼠标经过ul元素下的第一代li元素时，在0.3秒内将 ul元素下的 第一代li元素下的 ul元素高度设为120px。

<ul class="nav">
    <li><a href="#">一级菜单</a>  <!--第一代li -->
    	<ul class="subNav">
            <li><a href="#">二级菜单</a></li>  <!--第二代li -->
            <li><a href="#">二级菜单</a></li>  <!--第二代li -->
            <li><a href="#">二级菜单</a></li>  <!--第二代li -->
            <li><a href="#">二级菜单</a></li>  <!--第二代li -->
        </ul>
    </li>
</ul>

如果选择器为“ul li”，则会选中所有li元素，包括“一级菜单”和“二级菜单”。

“ul>li”，则只会选中第一代li，就是“一级菜单”。