CSS樣式中權(quán)限值的計(jì)算
p span{color:purple;}這個(gè)權(quán)限值是不是2? p>span{color:purple;}這個(gè)權(quán)限值是不是還是2? .first>span{color:purple;}這個(gè)權(quán)限值是不是11? 請(qǐng)大神指點(diǎn)一下
p span{color:purple;}這個(gè)權(quán)限值是不是2? p>span{color:purple;}這個(gè)權(quán)限值是不是還是2? .first>span{color:purple;}這個(gè)權(quán)限值是不是11? 請(qǐng)大神指點(diǎn)一下
舉報(bào)
2017-03-29
p和span 都是標(biāo)簽元素,標(biāo)簽元素權(quán)值為1,所以p span{color:purple;} 權(quán)值為1+1=2, >的權(quán)值為0 ,.first類(lèi)選擇器的權(quán)值為10 , 所以,p>span{color:purple;}權(quán)值為2,?.first>span{color:purple;}權(quán)值為11。
2017-03-29
是這樣的
2017-03-29
內(nèi)聯(lián)樣式表的權(quán)值最高 1000
?ID 選擇器的權(quán)值為 100
Class 類(lèi)選擇器的權(quán)值為 10
HTML 標(biāo)簽選擇器的權(quán)值為 1
p span{color:purple;}是兩個(gè)html標(biāo)簽選擇器,所以權(quán)值1+1=2,p>span應(yīng)該也是2,
.first>span{color:purple;}中有一個(gè)class類(lèi)和一個(gè)html標(biāo)簽,所以是10+1=11
權(quán)值就是對(duì)照權(quán)值表將出現(xiàn)的選擇器各個(gè)權(quán)值相加,如#first>span就是100+1=101
class類(lèi)可以多個(gè),假設(shè)#first .second就是100+10=110,我理解的就是這樣了,
理解不透徹可以在百度上找多個(gè)人的說(shuō)法總結(jié)一下。而且我記得這個(gè)權(quán)值計(jì)算在前面9-2小節(jié)有說(shuō)過(guò)。
2017-03-29
class和id計(jì)算為10和100其余按1算。
2017-03-29
p{color:red;} /*權(quán)值為1*/ p span{color:green;} /*權(quán)值為1+1=2*/ .warning{color:white;} /*權(quán)值為10*/ p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/ #footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/
注意:還有一個(gè)權(quán)值比較特殊--繼承也有權(quán)值但很低,有的文獻(xiàn)提出它只有0.1,所以可以理解為繼承的權(quán)值最低。
2017-03-29
根據(jù)課堂上的介紹,您的回答沒(méi)有問(wèn)題.p span{color:purple;} 權(quán)限2
p>span{color:purple;} 權(quán)限2?
.first>span{color:purple;}權(quán)限為10+1=11