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ì)被賦予綠色。