css中的 nav ul li ul 与 nav>ul>li 这两种写法的区别

时间:2023-03-10 02:56:03
css中的 nav ul li ul 与 nav>ul>li 这两种写法的区别
<nav>
<ul id="a">
<li>a1</li>
<li>a2</li>
<li>a3</li>
<li>a4</li>
<li>
<ul id="b"><li>b1</li><li>b2</li></ul>
</li>
<li>
<ul id="c"><li>c1</li><li>c2</li></ul>
</li>
</ul>
</nav>

nav>ul只选择nav下一级里面的ul元素,例如上面dom结构里id为a的ul。

nav ul选择nav内所包含的所有ul元素,例如上面dom结构里面id为a、b、c的全部ul。

nav>ul比nav ul限定更严格,必须后面的元素只比前面的低一个级别。