CSS權重是CSS中用來確定樣式優(yōu)先級的一種機制。當同一個元素或同一個HTML元素對應的CSS選擇器應用了多個樣式時,就需要使用CSS權重來決定哪一個樣式將被應用到元素上。
以下是CSS權重的計算方法:
元素選擇符(例如div):0,0,0,1 類、偽類選擇符(例如.class):0,0,1,0 ID選擇符(例如#id):0,1,0,0 內(nèi)聯(lián)樣式(例如style屬性):1,0,0,0
例如,以下選擇器的CSS權重值分別是0、1、10和100:
div{}/*CSS權重值:0,0,0,1*/ .class{}/*CSS權重值:0,0,1,0*/ #id{}/*CSS權重值:0,1,0,0*/ style="color:red;"/*CSS權重值:1,0,0,0*/
需要注意的是,CSS權重計算是累加的,也就是說,一個選擇器中包含多個元素、類、ID和內(nèi)聯(lián)樣式時,將分別計算它們的權重,并將它們相加得到最終權重。例如,以下選擇器的CSS權重值為11:
div#id.class[style="color:red;"]{/*CSS權重值:0+1+1+100=11*/}
當出現(xiàn)樣式?jīng)_突時,最終應用的樣式是具有最高CSS權重的樣式。如果兩個樣式的CSS權重相等,則后者覆蓋前者。
在實際應用中,合理使用CSS權重可以極大地提高開發(fā)效率,也可以減少樣式?jīng)_突的可能性。
上一篇dw中css的英文意思
下一篇css有透明元素怎么取