選擇器的特殊性
特殊性從高到低排列, 同級特殊性相加比較,不能跨級比較
- 內聯樣式- ID選擇器
- 類選擇器、屬性選擇器、偽類選擇器
- 元素選擇器、偽元素選擇器
- 通配符選擇器
- 繼承樣式
樣式來源
CSS中的樣式一共有三種來源:創作人員、讀者和用戶代理,來源的不同會影響到樣式的層疊方式
- 創作人員樣式
- 前端開發者寫的那些樣式
- 用戶代理樣式
- 瀏覽器提供的默認樣式
- 讀者樣式
- 瀏覽網頁的用戶通過瀏覽器提供的接口為網站添加的樣式
- 添加方法:IE可以通過Internet 選項 -> 外觀 -> 輔助功能 -> 用戶樣式表來指定樣式文件。Chrome可以使用Stylish擴展來實現
Paste_Image.png
權重規則:
- 讀者!important樣式 > 創作人員!important樣式 > 創作人員正常樣式 >讀者正常樣式 > 用戶代理樣式
層疊規則
- 找出同一個規則有沖突的所有選擇器
- 如果有多個樣式來源,根據樣式來源的權重大小確定樣式
- 第二點不能確定樣式,根據選擇器的特殊性高低確定樣式
- 第三點不能確定樣式,根據規則出現的順序先后確定樣式