1. 程式人生 > >CSS 強制優先級

CSS 強制優先級

相關 png 代碼 表達 根據 .com 我們 顯示 css優先級

比如下面代碼:

技術分享圖片

遇到這種情況直接使用!important聲明強制優先。

技術分享圖片

選擇器的優先權解釋說明

  1. 內聯樣式表的權值最高 1000。

  2. ID 選擇器的權值為 100。

  3. Class 類選擇器的權值為 10。

  4. HTML 標簽(類型)選擇器的權值為 1。

CSS優先級順序

下列是一份優先級逐級增加的選擇器列表:

  1. 通用選擇器

  2. 元素(類型)選擇器

  3. 類選擇器

  4. 屬性選擇器

  5. 偽類

  6. ID 選擇器

  7. 內聯樣式

CSS選擇器優先級

瀏覽器是通過判斷CSS優先級,來決定到底哪些屬性值是與元素最為相關的,從而作用到該元素上。

CSS選擇器的合理組成規則決定了優先級,我們也常常用選擇器優先級來合理控制元素達到我們理想的顯示狀態,下面我們來具體了解下CSS選擇器優先級及權重。

CSS選擇器如何計算?

  1. 當CSS選擇器權重相同,則最後的聲明的CSS選擇器覆蓋靠前的 CSS。

  2. CSS優先級是根據由每種選擇器類型構成的級聯字串計算而成的,它不是一個對應相應匹配表達式的權重值。

  3. 相同CSS表達式,在DOM結構中的距離是不會對元素優先級計算產生影響的。

CSS 強制優先級