CSS樣式的優(yōu)先級可以用以下四個級別來表示：
1. 行內(nèi)樣式：通過元素的style屬性設(shè)置的樣式，具有最高的優(yōu)先級。
2. ID選擇器：通過元素的id選擇器設(shè)置的樣式會覆蓋元素的類選擇器和標(biāo)簽選擇器。
3. 類選擇器/屬性選擇器/偽類選擇器：這些選擇器有相同的優(yōu)先級，如果多個樣式規(guī)則選中了同一個元素，那么最后出現(xiàn)的樣式規(guī)則會覆蓋前面的樣式規(guī)則。
4. 標(biāo)簽選擇器/偽元素選擇器：這些選擇器的優(yōu)先級最低，在優(yōu)先級相等的情況下，后面的樣式聲明會覆蓋前面的樣式聲明。
需要注意的是，樣式的優(yōu)先級不僅取決于選擇器的類型，還取決于選擇器的特殊性，即指定選擇器所涉及的元素數(shù)量和選擇器的組成方式。如果兩個選擇器都能匹配同一個元素，那么特殊性較大的選擇器的樣式規(guī)則將具有更高的優(yōu)先級。
如果有多個選擇器具有相同的特殊性和優(yōu)先級，則最后出現(xiàn)的樣式規(guī)則將優(yōu)先應(yīng)用。如果規(guī)則中有!important聲明，則該規(guī)則的優(yōu)先級最高，無視所有其他規(guī)則，因此應(yīng)謹(jǐn)慎使用!important聲明。
京公網(wǎng)安備 11010802030320號