首頁猿問 p...

p span{color:purple;}和p>span{color:purple;}怎么理解有區(qū)別嗎

Html/CSS

認手為妻 2016-03-18 16:35:40

查看完整描述

3 回答

已采納

阿賈大魔王

TA貢獻29條經(jīng)驗獲得超28個贊

只作用首個后代的是css:first-child選擇器，和子選擇器不一樣。子選擇器的意思是樣式只對它的第一代后輩起作用，也就是孩子（子元素），對它的孫子，曾孫等等不起作用。而且子選擇器在IE6、IE7、IE8中是不被支持的選擇器?？崭褡饔糜谒械暮筝?，是所有瀏覽器都兼容的。

2 反對回復 2016-03-19

隨性隨意

TA貢獻2條經(jīng)驗獲得超1個贊

p span{}作用于p標簽下所有span標簽

p>span{}作用于p標簽下的子代span標簽

1 反對回復 2016-03-18

Jare_qiu

TA貢獻1條經(jīng)驗獲得超2個贊

本人新手。學了幾天，我的理解是：第一個p span{color:purple;}作用于后面所有的后代。后面的那個只作用首個后代。作用域不同，這是兩者的區(qū)別

2 反對回復 2016-03-18

認手為妻
我剛剛試了一下不是的，區(qū)別好像是前者是所有，而后者是如果p里面的span不直接是p的子代則無法作用；例如 woshi 則shi就不會被作用，如果代碼是 woshi> 則都會做用到。我不知道你能不能理解我說的表達有點不行！你試試看是不是

回復 2016-03-18
Jare_qiu
可能我表達也不好，畢竟菜鳥。測試時改變CSS代碼直觀點。前者是包含選擇器后者是子選擇器，去看下文檔就行了。

回復 2016-03-18

關注