選擇器的特殊性
特殊性從高到低排列, 同級特殊性相加比較,不能跨級比較
- 內(nèi)聯(lián)樣式- ID選擇器
- 類選擇器、屬性選擇器、偽類選擇器
- 元素選擇器、偽元素選擇器
- 通配符選擇器
- 繼承樣式
樣式來源
CSS中的樣式一共有三種來源:創(chuàng)作人員、讀者和用戶代理,來源的不同會影響到樣式的層疊方式
- 創(chuàng)作人員樣式
- 前端開發(fā)者寫的那些樣式
- 用戶代理樣式
- 瀏覽器提供的默認(rèn)樣式
- 讀者樣式
- 瀏覽網(wǎng)頁的用戶通過瀏覽器提供的接口為網(wǎng)站添加的樣式
- 添加方法:IE可以通過Internet 選項 -> 外觀 -> 輔助功能 -> 用戶樣式表來指定樣式文件。Chrome可以使用Stylish擴(kuò)展來實現(xiàn)

Paste_Image.png
權(quán)重規(guī)則:
- 讀者!important樣式 > 創(chuàng)作人員!important樣式 > 創(chuàng)作人員正常樣式 >讀者正常樣式 > 用戶代理樣式
層疊規(guī)則
- 找出同一個規(guī)則有沖突的所有選擇器
- 如果有多個樣式來源,根據(jù)樣式來源的權(quán)重大小確定樣式
- 第二點不能確定樣式,根據(jù)選擇器的特殊性高低確定樣式
- 第三點不能確定樣式,根據(jù)規(guī)則出現(xiàn)的順序先后確定樣式