weibo_發(fā)呆小賢_0
2016-08-02 15:16:14
product-content是product包裹的一個div,看到有些地方為什么是寫.product .product-content{}而不直接寫.product-content{}呢?兩者有什么不同嗎?(第一個是子選擇器)
4 回答
已采納

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

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

剛毅87
TA貢獻(xiàn)345條經(jīng)驗 獲得超309個贊
第一個權(quán)重更高,只設(shè)置.product下的 .product-content;第二種設(shè)置所有的?.product-content
添加回答
舉報
0/150
提交
取消