選擇器的特殊性:特殊性的值表示為四個部分 些膨,比如 0 0 0 0
對于選擇器中給定的各個ID屬性值桦锄,加0 1 0 0?
對于選擇器中給定的各個類屬性值甫菠,屬性選擇或偽類加 0 0 1 0
對于選擇器中給定的各個元素和偽元素蹦疑,加- 0 0 0 1 偽元素有特殊性蚓挤,其特殊性為0 0 0 1
結(jié)合符合通配選擇器對特殊性沒有任何貢獻
內(nèi)聯(lián)樣式的特殊性為 1 0 0 0?
特殊性自左到右逐個比較 1 0 0 0 大于 0 * * * ?0 0 1 0 大于 ?0 0 0 13
重要聲明
在屬性值結(jié)束分號前!important 標志 商源,該標志必須放在聲明的最后车份,每個聲明都需要加!important才能生效
特殊性:重要聲明分為一組,非重要聲明為一組牡彻,重要聲明的特殊性總大于非重要聲明扫沼,每組元素的特殊性內(nèi)部分別計算。
繼承
繼承無特殊性庄吼,比0特殊性還弱
層疊
創(chuàng)作人員樣式勝過讀者樣式缎除,有!important樣式讀者樣式要強于其他所有樣式总寻,包括有伴找!important樣式的創(chuàng)作者樣式,創(chuàng)作人員樣式和讀者樣式都比用戶代理的默認樣式強废菱。
按特殊性排序技矮,較高特殊性的元素權(quán)重大于較低特殊性的元素
按出現(xiàn)順序排序,一個聲明在樣式表中出現(xiàn)的順序越靠后殊轴,權(quán)重越大衰倦。一般認為導(dǎo)入樣式表中的聲明在前,主樣式表中的所有聲明在后旁理。
樊零!important 強于內(nèi)聯(lián)樣式
權(quán)重的大小順序為
1、讀者的重要聲明
2、創(chuàng)作人員的重要聲明
3驻襟、創(chuàng)作人員的正常聲明
4夺艰、讀者的正常聲明
5、用戶代理聲明
link-visited-hover-active順序的原因
根據(jù)越往后的權(quán)重越大原則沉衣,actice最先郁副,之后是hover 再是visited ?再是link
如果寫作:
:active{ }
:hover{}
:link{}
:visited{}
因為一個元素要么是訪問過的要么是未訪問的,總會覆蓋hover豌习,
根據(jù)這一規(guī)則存谎,想要讓未訪問的有懸停樣式,已訪問的沒有可以寫為:
:link--:hover--:visited--:active
:visited會覆蓋hover
為避免沖突肥隆,可以使用偽類串聯(lián)
:link:hover{} 這種寫法合法
:link{color:green}
:visited{color:blue}
:link:hover{color:red}
:visited{color:black}