css层叠

• 声明冲突：同一个样式，多次应用到一个元素
• 层叠：解决冲突的过程，浏览器自动计算(权重计算)

比较重要性

重要性从高到低 1.作者样式表中(!important) 2.作者样式表中的普通样式 3.浏览器中的默认样式

比较特殊性

• 1.总体规则：选择器选择的范围越窄，越特殊

• 2.具体规则(通过选择器计算出一个4位数);

  • 千位：如果是内联样式，记1，否则记0；
  • 百位：等于选择器中所有id选择器的数量
  • 十位：等于选择器中所有类选择器、属性选择器、伪类选择器的数量
  • 个位：等于选择器中所有选择器、伪元素选择器的数量

比较源次性

代码书写靠后的胜出

应用(重置样式表)

• 书写一些作者样式覆盖浏览器默认样式
• 重置样式表(reset,css)覆盖浏览器默认样式
• 常见默认样式表：normal.css;reset.css;