講解中有個地方看不懂????請大家幫忙看看
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*/
這段里面的有一下幾個地方看不懂:
①權值可以相加??怎么加的呢?是不是有權值的就相加呢??
②第二個權值為2是不是兩個標簽p和span權值相加得到的2呢??
③p span.warning{color:purple;}這句話是在搞不懂啊.....類選擇器為什么可以加在標簽元素span后面的,代表什么意思啊???
2017-09-05
權重分四類:a類為行內樣式,假設權重為1000;b類為ID選擇器,假設權重為100;c類為類選擇器、偽類選擇器和屬性選擇器,假設權重為10;d類為元素選擇器和偽元素選擇器,假設權重為1。
計算權重時,可以把各個權重相加。比如:#footer p.note{}的權重就是100(#footer)+1(p)+10(.note)=111。
span.warning(注意中間沒有空格)表示選取<span class="warning">這個元素;同理,span.a.b就表示選取<span class="a b">元素。
2017-09-04
1、2、權值可以相加(<p>\<span>權值為1、類權值為10、ID權值為100)
3、例如:<p><span><sa class="warning">慕課網</sa></sapn></p>權值為1+1+10=12
2017-09-04
我也是初學,說說我得理解:
是的,有權值就相加
第二個是層級選擇器,最終選擇的是span標簽,所以這里指的是span的權值為2
這是一個層級選擇器,意思是p標簽的后代中的span標簽中后代類名為waring的