#navigation > ul的>是什么意思?

Question

如题所述

Answer 1

这个叫做子元素选择器

如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，可以使用子元素选择器（Child selector）。

例如，如果你希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：

h1 > strong {color:red;}

这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：

<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>

同样的， #navigation > ul

只会选择出现的第一个ul子元素

<div id="navigation">

    <ul><li>这个是被选中的ul</li></ul>

    <ul><li>这个ul没被选中</li></ul>

</div>

Answer 2

有">"是当前li的下一级子级 而没有">"是当前li的所有子级