翻滾的咸魚(yú)卷
2016-02-05 13:51:27
.first{color:green;}/*因?yàn)闄?quán)值高顯示為綠色*/span{color:pink;}/*設(shè)置為粉色*/<p class="first">三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩</p>.first權(quán)值為10 所以p顯示為綠色.first中的<span>因?yàn)槔^承了.first ?所以權(quán)值為0.1 ?膽小如鼠顯示為綠色但是span{color:pink;} 權(quán)值為1,以及加上繼承的權(quán)值0.1 此時(shí)span的權(quán)值為1.1,所以膽小如鼠顯示為粉色這個(gè)邏輯有沒(méi)有問(wèn)題??
3 回答
已采納

那些你很冒險(xiǎn)的夢(mèng)_
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超1個(gè)贊
我覺(jué)得,首先color這個(gè)CSS樣式是具有繼承性的,所以,對(duì)于“膽小如鼠”這四個(gè)字來(lái)說(shuō),.first選擇符對(duì)其產(chǎn)生的影響是:繼承了綠色,權(quán)值為0.1。span對(duì)其產(chǎn)生的影響是:權(quán)值為1。而瀏覽器是根據(jù)權(quán)值來(lái)判斷使用哪種CSS樣式的,哪個(gè)權(quán)值高就使用哪種。所以使用后者權(quán)值為1的那個(gè),顯示出粉色。注意要先選定目標(biāo),再分析權(quán)值,而不是前面權(quán)值的直接相加。

qq_安伊偌拉_0
TA貢獻(xiàn)27條經(jīng)驗(yàn) 獲得超2個(gè)贊
對(duì)于span來(lái)說(shuō).first{color:green;}是繼承來(lái)的,所以權(quán)重為0,或者說(shuō)連0都沒(méi)有。對(duì)span來(lái)說(shuō)span{color:pink;}權(quán)重為1,所以顯示為粉色。
添加回答
舉報(bào)
0/150
提交
取消