3 回答
已采納
阿賈大魔王
TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超28個(gè)贊
只作用首個(gè)后代的是css:first-child選擇器，和子選擇器不一樣。子選擇器的意思是樣式只對(duì)它的第一代后輩起作用，也就是孩子（子元素），對(duì)它的孫子，曾孫等等不起作用。而且子選擇器在IE6、IE7、IE8中是不被支持的選擇器。空格作用于它所有的后輩，是所有瀏覽器都兼容的。
隨性隨意
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超1個(gè)贊
p span{}作用于p標(biāo)簽下所有span標(biāo)簽
p>span{}作用于p標(biāo)簽下的子代span標(biāo)簽
Jare_qiu
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超2個(gè)贊
本人新手。學(xué)了幾天，我的理解是：第一個(gè)p span{color:purple;}作用于后面所有的后代。后面的那個(gè)只作用首個(gè)后代。作用域不同，這是兩者的區(qū)別
-
認(rèn)手為妻我剛剛試了一下不是的，區(qū)別好像是前者是所有，而后者是如果p里面的span不直接是p的子代則無法作用； 例如<P> <span>wo<span>shi</span></span> </p> 則shi就不會(huì)被作用，如果代碼是<P> <span>wo</span><span>shi</span>> </p> 則都會(huì)做用到。 我不知道你能不能理解我說的 表達(dá)有點(diǎn)不行！你試試看是不是 -
Jare_qiu可能我表達(dá)也不好，畢竟菜鳥。測試時(shí)改變CSS代碼直觀點(diǎn)。前者是包含選擇器后者是子選擇器，去看下文檔就行了。
添加回答
舉報(bào)
0/150
提交
取消