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