CSS優先級是CSS規則集對元素應用樣式時的優先級。對于同一個元素,可能存在多個CSS規則集定義的樣式,因此需要按照一定規則來決定應用哪些樣式。
CSS優先級由不同級別的選擇器和聲明組成,具體規定如下:
內聯樣式(在元素的style屬性中,優先級最高) ID選擇器(#id) 類選擇器、屬性選擇器、偽類選擇器(.class, [attribute], :hover) 元素選擇器、偽元素選擇器(div, :before) 通配符選擇器*、組合選擇器(div p, .class a) 繼承的樣式沒有優先級,因為它沒有權值。但是,繼承樣式會影響元素上其他樣式的優先級。
這些優先級是通過將每級選擇器和其權值相加來計算的。例如,將內聯樣式作為基礎權值并添加每個級別的選擇器的權值。權值越高,優先級越高。
當出現多個優先級相等的規則時,最后聲明的樣式將覆蓋前面聲明的樣式。
遵守CSS優先級規則可以使樣式更有條理性和可預測性。當多個樣式應用于同一個元素時,仔細考慮它們的優先級,并使用合適的選擇器,以確保樣式以正確的方式應用于元素。