层叠样式

69 阅读1分钟

逐级比较

1. 比较重要性

重要性从高到低
!important
作者样式表中普通样式
浏览器默认样式

2. 比较特殊性

总体规则:选择器中 选择的范围越小越特殊
具体规则:通过选择器 计算出一个四位数 (0 0 0 0)别进位一个一个比较
  1.千位:如果是内联样式 记作1 否则是0
  2.百位:等于选择器中所有id选择器的数量
  3.十位:等于选择器中所有 类选择器、属性选择器、伪类选择器的数量
  4.个位:等于选择器中所有 元素选择器、伪元素选择器的数量

3. 比较源次序

谁在后面 选择谁。

简单例子

上面例子中同时给p元素设置字体颜色,最后字体颜色为蓝色。