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