p > span 只選擇第一層的span標(biāo)簽

p span 選擇p后面所有的span標(biāo)簽

下面用ul li 和 ol li 演示

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

ul>li

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

這里的樣式只會(huì)影響ul 下的 第一層 li ，也就是說 ol 標(biāo)簽下的 li不會(huì)受到這個(gè)樣式的影響

ul li

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

當(dāng)你這樣寫的時(shí)候,影響的是所有在ul 里面的li標(biāo)簽的樣式 。也就是包括ol 下的li標(biāo)簽的樣式

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

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

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

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

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

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

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

p span是所有的p和所有的span標(biāo)簽，p>span是指p標(biāo)簽下的span標(biāo)簽