CSS3中,權(quán)重是用來衡量選擇器的優(yōu)先級,決定了當(dāng)多個選擇器可以匹配同一個元素時,哪個選擇器的樣式會被應(yīng)用,權(quán)重越高,選擇器的優(yōu)先級就越大,在CSS3中,可以通過以下幾種方式疊加權(quán)重:
1、內(nèi)聯(lián)樣式:直接在HTML元素中使用style屬性定義的樣式,權(quán)重***高。
2、ID選擇器:使用元素ID定義的樣式,權(quán)重次之。
3、類選擇器:使用元素類定義的樣式,權(quán)重再次之。
4、標(biāo)簽選擇器:使用HTML標(biāo)簽定義的樣式,權(quán)重***低。
如果有多個選擇器可以匹配同一個元素,那么權(quán)重會疊加,如果一個元素同時被ID選擇器和類選擇器匹配,那么該元素的樣式權(quán)重就是ID選擇器的權(quán)重加上類選擇器的權(quán)重。
需要注意的是,權(quán)重疊加并不是簡單的相加,而是按照一定的規(guī)則進(jìn)行計算,具體規(guī)則如下:
內(nèi)聯(lián)樣式的權(quán)重為1000。
ID選擇器的權(quán)重為100。
類選擇器的權(quán)重為10。
標(biāo)簽選擇器的權(quán)重為1。
在疊加權(quán)重時,按照上述規(guī)則進(jìn)行計算即可得出***終的權(quán)重值。