選擇器的特殊性
特殊性從高到低排列, 同級特殊性相加比較,不能跨級比較
- 內(nèi)聯(lián)樣式- ID選擇器
- 類選擇器嗡善、屬性選擇器篡腌、偽類選擇器
- 元素選擇器、偽元素選擇器
- 通配符選擇器
- 繼承樣式
樣式來源
CSS中的樣式一共有三種來源:創(chuàng)作人員弄痹、讀者和用戶代理饭入,來源的不同會(huì)影響到樣式的層疊方式
- 創(chuàng)作人員樣式
- 前端開發(fā)者寫的那些樣式
- 用戶代理樣式
- 瀏覽器提供的默認(rèn)樣式
- 讀者樣式
- 瀏覽網(wǎng)頁的用戶通過瀏覽器提供的接口為網(wǎng)站添加的樣式
- 添加方法:IE可以通過Internet 選項(xiàng) -> 外觀 -> 輔助功能 -> 用戶樣式表來指定樣式文件。Chrome可以使用Stylish擴(kuò)展來實(shí)現(xiàn)
權(quán)重規(guī)則:
- 讀者!important樣式 > 創(chuàng)作人員!important樣式 > 創(chuàng)作人員正常樣式 >讀者正常樣式 > 用戶代理樣式
層疊規(guī)則
- 找出同一個(gè)規(guī)則有沖突的所有選擇器
- 如果有多個(gè)樣式來源肛真,根據(jù)樣式來源的權(quán)重大小確定樣式
- 第二點(diǎn)不能確定樣式谐丢,根據(jù)選擇器的特殊性高低確定樣式
- 第三點(diǎn)不能確定樣式,根據(jù)規(guī)則出現(xiàn)的順序先后確定樣式