4 回答

TA貢獻(xiàn)319條經(jīng)驗(yàn) 獲得超234個(gè)贊
其實(shí)效果都一樣
前者,查找的的是.product下的所有.product-content,而.product-content則會(huì)從整個(gè)文檔里找
權(quán)重不同, 你可以把一個(gè)class名記為10分,那.product .product-content就是20分,.product-cotent就是10分,如果這兩者同時(shí)寫(xiě)出來(lái),無(wú)論順序如何,都是那個(gè)子選擇器的樣式

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超1個(gè)贊
第一:作用范圍不一樣,“.product-content{}”會(huì)給全局的class名為“product-content“附樣式,
“.product .product-content{}”只會(huì)給“product”內(nèi)的“product-content”附樣式
第二:優(yōu)先級(jí)不一樣,“.product .product-content{}”的優(yōu)先級(jí)比“.product{}”的優(yōu)先級(jí)高

TA貢獻(xiàn)319條經(jīng)驗(yàn) 獲得超234個(gè)贊
這樣看的清晰些,你覺(jué)得這個(gè)第一個(gè)li標(biāo)簽它是紅色還是藍(lán)色呢?

TA貢獻(xiàn)345條經(jīng)驗(yàn) 獲得超309個(gè)贊
第一個(gè)權(quán)重更高,只設(shè)置.product下的 .product-content;第二種設(shè)置所有的?.product-content
添加回答
舉報(bào)