CSS权威指南 - 层叠

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的顺序可以换换，不影响。