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