CSS权威指南 - 层叠

时间:2022-11-29 22:33:58

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