p > span 只選擇第一層的span標簽

p span 選擇p后面所有的span標簽

下面用ul li 和 ol li 演示

<ul>
????<li>
????????<ol>
????????????<li></li>
????????</ol>
????</li>
????<li>
????????<ol>
????????????<li></li>
????????</ol>
????</li>
????<li></li>
</ul>

ul>li

ul?>?li{?/*樣式*/?}

這里的樣式只會影響ul 下的 第一層 li ，也就是說 ol 標簽下的 li不會受到這個樣式的影響

ul li

ul??li{?/*樣式*/?}

當你這樣寫的時候,影響的是所有在ul 里面的li標簽的樣式 。也就是包括ol 下的li標簽的樣式

<p>
????<span?id=span1>
????????<span?id=span2><span/>
????</span>
<p>

以代碼為例,p span 選中的是p標簽下所有的span標簽;p>span選中的是p標簽下的#span1標簽.

一個是后代選擇器(子孫后代全選),一個是子選擇器(只選擇兒子,不選擇孫子).

p>span 指的是第一代子span元素?

p span ? ?指的是p的所有的子span元素 ? ?

p和span的權(quán)值相等，p大于span的權(quán)值，我是這么理解的

>作用于元素的第一代后代，空格作用于元素的所有后代。

p span是所有的p和所有的span標簽，p>span是指p標簽下的span標簽