CSS学习(2)层叠cascade
(一)样式表(style sheets)的层叠规则(由高至低)
- 使用了!important的用户样式表
- 使用了!important的设计者样式表
- 设计者样式表
- 用户样式表
- 浏览器/用户默认的样式表
(二)样式表中样式规则的次序
- 样式表中样式规则的次序由选择符selector的特殊性specificity确定。
- 选择符selector的特殊性定义如下。
- a:如果样式规则是通过标签的style属性定义的,那么a=1,否则a=0
- b:Id选择符的数量
- c:类,伪类和属性选择符的数量
- d:类型选择符的数量
- 一般情况下,规则的特殊性遵照如下规律:
- 使用了style属性的规则总是比其他规则特殊
- 具有Id选择符的规则比没有id选择符的规则特殊
- 具有类选择符的规则比只有类型选择符的规则特殊
- 如果两个规则特殊性相同,则后定义的规则优先