講解中有個(gè)地方看不懂????請(qǐng)大家?guī)兔纯?/h1>
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)值的就相加呢??
②第二個(gè)權(quán)值為2是不是兩個(gè)標(biāo)簽p和span權(quán)值相加得到的2呢??
③p span.warning{color:purple;}這句話是在搞不懂啊.....類選擇器為什么可以加在標(biāo)簽元素span后面的,代表什么意思啊???
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)值的就相加呢??
②第二個(gè)權(quán)值為2是不是兩個(gè)標(biāo)簽p和span權(quán)值相加得到的2呢??
③p span.warning{color:purple;}這句話是在搞不懂啊.....類選擇器為什么可以加在標(biāo)簽元素span后面的,代表什么意思啊???
2017-09-05
權(quán)重分四類：a類為行內(nèi)樣式，假設(shè)權(quán)重為1000；b類為ID選擇器，假設(shè)權(quán)重為100；c類為類選擇器、偽類選擇器和屬性選擇器，假設(shè)權(quán)重為10；d類為元素選擇器和偽元素選擇器，假設(shè)權(quán)重為1。
計(jì)算權(quán)重時(shí)，可以把各個(gè)權(quán)重相加。比如：#footer p.note{}的權(quán)重就是100（#footer）+1（p）+10（.note）=111。
span.warning（注意中間沒(méi)有空格）表示選取<span class="warning">這個(gè)元素；同理，span.a.b就表示選取<span class="a b">元素。