Fork me on GitHub

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限定更严格,必须后面的元素只比前面的低一个级别。

posted @ 2017-06-08 00:54  fozero  阅读(4793)  评论(0编辑  收藏  举报