結構與層疊

選擇器的特殊性

特殊性從高到低排列, 同級特殊性相加比較,不能跨級比較

  • 內聯樣式- ID選擇器
  • 類選擇器、屬性選擇器、偽類選擇器
  • 元素選擇器、偽元素選擇器
  • 通配符選擇器
  • 繼承樣式

樣式來源

CSS中的樣式一共有三種來源:創作人員、讀者和用戶代理,來源的不同會影響到樣式的層疊方式

  • 創作人員樣式
    • 前端開發者寫的那些樣式
  • 用戶代理樣式
    • 瀏覽器提供的默認樣式
  • 讀者樣式
    • 瀏覽網頁的用戶通過瀏覽器提供的接口為網站添加的樣式
    • 添加方法:IE可以通過Internet 選項 -> 外觀 -> 輔助功能 -> 用戶樣式表來指定樣式文件。Chrome可以使用Stylish擴展來實現
Paste_Image.png

權重規則:

  • 讀者!important樣式 > 創作人員!important樣式 > 創作人員正常樣式 >讀者正常樣式 > 用戶代理樣式

層疊規則

  1. 找出同一個規則有沖突的所有選擇器
  2. 如果有多個樣式來源,根據樣式來源的權重大小確定樣式
  3. 第二點不能確定樣式,根據選擇器的特殊性高低確定樣式
  4. 第三點不能確定樣式,根據規則出現的順序先后確定樣式
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容