CSS权威指南
第三章结构与层叠 - 层叠
按权重及来源排序
1. Reader important declarations
2. Author important declarations
3. Author normal declarations
4. Reader normal declarations
5. User agent declarations
来源有三个 读者/作者/用户代理
读者就是我们普通用户,在ie浏览器上internet设置,辅助功能里可以附带用户样式表。firefox好像要用插件设置读者样式表。
作者就是网页开发者,在网页附带的样式表。
用户代理就是浏览器内置样式。
按特殊性排序
ID 0,1,0,0
class 0,0,1,0
element 0,0,0,1
重复就增加,比如 .id1 .id2{} 的特殊性就是0,2,0,0
CSS2.1新增了为内联样式为最高位1,0,0,0
按顺序排序
特别的一个例子,链接的伪类。
推荐顺序
a:link
a:visted
a:hover
a:active
之所以推荐这样的顺序是因为,比如你在点击一个链接的时候,可以匹配上的有l、h、a,因为你点击的时候,鼠标点击的是个链接,也hover在上面,点击的时候也激活了,都能匹配上,声明的特殊性也一样,按照顺序所以使用最后一个:active样式。当你hover在一个链接的时候,可以匹配上的有l、h,使用:hover的样式。
这样就能准确设置好active或者hover的样式了。
如果你把v放在最后,那么一个访问的链接,hover和active都不会改变了。
l和v的顺序可以换换,不影响。