CSS 有一種權重值為 256 進制的計算方式,這個計算方式決定了當多個 CSS 規則應用到同一元素時,哪一條規則會被優先使用。
權重計算方式如下: - 對于每個 ID 選擇器,權重值為 256 的 2 次方(即 65536) - 對于每個類選擇器、屬性選擇器和偽類選擇器,權重值為 256 - 對于每個元素選擇器和偽元素選擇器,權重值為 1 - 通配符選擇器、組合符(>, +, ~, 空格)和 :not() 不會影響權重值
當多個 CSS 規則應用到同一元素時,瀏覽器會比較它們的權重值,優先選擇權重值更高的規則。
一個元素可以有多個權重值相同的規則,這時瀏覽器會按照 CSS 文件中的順序來決定哪一條規則被優先使用。
在實際開發中,應盡量避免使用 ID 選擇器提高權重值,而要優先使用類選擇器和屬性選擇器來表達樣式,以便提高 CSS 代碼的可復用性和維護性。
上一篇css設置按鈕邊框無
下一篇CSS本地網頁跳轉