7 回答

TA貢獻(xiàn)12條經(jīng)驗(yàn) 獲得超1個(gè)贊
<p>這是最外層的文字,<span>兒子<span>孫子</span></span></p>
p>span只能選到兒子輩的標(biāo)簽,而p span則能把p下面的span標(biāo)簽都選中。

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超1個(gè)贊

TA貢獻(xiàn)16條經(jīng)驗(yàn) 獲得超11個(gè)贊
最簡(jiǎn)單的解釋就是:
p span選擇器控制的是p標(biāo)簽內(nèi)所有的span標(biāo)簽,不過這個(gè)span被嵌套了多少層
而p>span控制的是該p標(biāo)簽下一層為span標(biāo)簽的標(biāo)簽,這個(gè)span不能被嵌套在其他標(biāo)簽里,必須是p的兒子

TA貢獻(xiàn)83條經(jīng)驗(yàn) 獲得超67個(gè)贊
p span{} 這是后代選擇器。HTML結(jié)構(gòu)可以是這樣子的
1
2
3
4
5
? ?
<p>這是
????<span>一個(gè)
??????????<span>很重要的提示:我也是P元素的后代</span>
????</span>
</p>
? ?
p>span{} 這是子代元素。HTML結(jié)構(gòu)可以是這樣子的
1
2
3
4
? ?
<p>我的子代元素
????<span>我是p元素的子代元素</span>
????<span>我也是p元素的子代元素</span>
</p>
? ?

TA貢獻(xiàn)19條經(jīng)驗(yàn) 獲得超16個(gè)贊
這兩種寫法都是選中了span元素,當(dāng)然一樣的了,p span{} 這是后代選擇器,p>span是子代選擇器
添加回答
舉報(bào)