- 每一个合法的文档都会生成一颗结构树。
- 继承就是从一个元素向其后代传递属性值所采用的机制。
选择器的特殊性:声明的特殊性的高低决定css发生冲突时,哪一种会胜出。
继承值<通配选择器<元素选择器<类选择器<ID选择器<内联样式<!important
(注:继承值没有特殊性)
层叠规则:
- 显示权重:!important的权重高于没有该标志的。
- 来源排序:创作人员>读者样式>用户代理。
- 特殊性排序:高特殊性的权重大于低特殊性的权重。
- 出现顺序排序:声明样式越后出现,权重越大(后面的样式会覆盖前面的样式,默认style样式位于文档样式的最后。)
权重由大到小:
- 读者的重要声明
- 创作人员的重要声明
- 创作人员的正常声明
- 读者的正常声明
- 用户代理声明
(注:ID选择器和内联样式的权重相等,但是由于内联样式默认出现在文档样式的最后面,所以优先级会高。)