CSS樣式的優先級可以用以下四個級別來表示:
1. 行內樣式:通過元素的style屬性設置的樣式,具有最高的優先級。
2. ID選擇器:通過元素的id選擇器設置的樣式會覆蓋元素的類選擇器和標簽選擇器。
3. 類選擇器/屬性選擇器/偽類選擇器:這些選擇器有相同的優先級,如果多個樣式規則選中了同一個元素,那么最后出現的樣式規則會覆蓋前面的樣式規則。
4. 標簽選擇器/偽元素選擇器:這些選擇器的優先級最低,在優先級相等的情況下,后面的樣式聲明會覆蓋前面的樣式聲明。
需要注意的是,樣式的優先級不僅取決于選擇器的類型,還取決于選擇器的特殊性,即指定選擇器所涉及的元素數量和選擇器的組成方式。如果兩個選擇器都能匹配同一個元素,那么特殊性較大的選擇器的樣式規則將具有更高的優先級。
如果有多個選擇器具有相同的特殊性和優先級,則最后出現的樣式規則將優先應用。如果規則中有!important聲明,則該規則的優先級最高,無視所有其他規則,因此應謹慎使用!important聲明。