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