CSS選擇器的優(yōu)先級(jí)順序按照以下規(guī)則：
1. !important：最高優(yōu)先級(jí)的標(biāo)志，添加在聲明后面，會(huì)覆蓋其他所有的樣式。
2. 行內(nèi)樣式：包含在HTML元素標(biāo)簽內(nèi)的樣式，會(huì)覆蓋外部樣式表和內(nèi)部樣式表中的樣式。
3. ID選擇器：通過(guò)ID選擇器選中的元素，具有比其他選擇器更高的優(yōu)先級(jí)。
4. 類選擇器、屬性選擇器和偽類選擇器：這些選擇器的優(yōu)先級(jí)相同，如果同一元素同時(shí)出現(xiàn)這幾種選擇器，優(yōu)先級(jí)按照后面的選擇器計(jì)算。
5. 元素選擇器、偽元素選擇器：這些選擇器的優(yōu)先級(jí)最低，只有在其他選擇器相同時(shí)，才會(huì)使用元素選擇器和偽元素選擇器。
需要注意的是，當(dāng)選擇器的優(yōu)先級(jí)相同時(shí)，會(huì)選擇后面的樣式聲明。例如：
p {
color: red;
}
.blue {
color: blue;
}
p.blue {
color: green;
}在這個(gè)例子中，p元素和class為.blue的元素會(huì)分別有red和blue的顏色，但是擁有p和.blue兩個(gè)選擇器的元素會(huì)被賦予綠色。
京公網(wǎng)安備 11010802030320號(hào)