CSS權(quán)值指的是當(dāng)多個(gè)CSS規(guī)則都應(yīng)用于同一元素時(shí),用于確定哪個(gè)CSS規(guī)則將被應(yīng)用的優(yōu)先級(jí)。權(quán)值通常由一組選擇器和相關(guān)的關(guān)鍵字和值組成,越具體的選擇器權(quán)值越高。
權(quán)值的計(jì)算方式如下:
權(quán)值 = (內(nèi)聯(lián)樣式 * 1000)+ (ID選擇器 * 100)+(類選擇器、屬性選擇器、偽類選擇器 * 10)+(元素選擇器、偽元素選擇器 * 1)
如果一個(gè)聲明僅應(yīng)用一個(gè)選擇器,則僅應(yīng)用該選擇器的權(quán)值。
例如:
/* ID選擇器的權(quán)值為100 */ #header { color: red; } /* 類選擇器的權(quán)值為10 */ .link { color: blue; } /* 元素選擇器的權(quán)值為1 */ a { color: green; } /* 如果一個(gè)元素使用了多個(gè)選擇器,則權(quán)值按照相加來(lái)計(jì)算 */ a.link { color: purple; /* ID選擇器為0排除,類選擇器為10,元素選擇器為1,總權(quán)值為11 */ }
當(dāng)有多個(gè)選擇器的權(quán)值相同時(shí),則后面的規(guī)則會(huì)覆蓋前面的規(guī)則。在這種情況下,最好避免使用!important關(guān)鍵字來(lái)覆蓋其他樣式的應(yīng)用。