CSS中`nav ul li ul` 與 `nav>ul>li` 這兩種寫法的區別是什麽
阿新 • • 發佈：2017-10-27
class apach pac 順序 code nbsp ron 例如 選擇
>是指只能一代接一代，比如： nav>ul>li>ul>li，必須是下面這樣的
<nav>
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
</nav>
然後nav ul li ul只要求後面的元素是在nav標簽下的順序即可，對中間隔了幾層不敏感，比如：
<nav>
<div>
<ul>
<div>
<a>
<li>
<div>
<ul>
<li>
</li>
</ul>
</div>
</li>
</a>
</div>
</ul>
</div>
</nav>
<nav>
<ul id="a">
<li></li>
<li></li>
<li></li>
<li></li>
<li>
<ul id="b">
<li></li><li></li>
</ul>
</li>
<li>
<ul id="c">
<li></li><li></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限定更嚴格，必須後面的元素只比前面的低一個級別。
CSS中`nav ul li ul` 與 `nav>ul>li` 這兩種寫法的區別是什麽