css三大特性

css层叠性

多种css样式的叠加

css样式冲突采取的原则

  • 样式冲突,遵循的原则是就近原则。哪个样式离着结构近,就执行那个样式。
  • 样式不冲突,不会层叠。

    哪些常见的样式会有继承

    写出css优先级的算法

    计算常见选择器的叠加值

css继承性

css优先级(重点)

1)权重计算公式
| 标签选择器 | 计算权重公式 |
| - | - |
| 继承或者* | 0,0,0,0 |
| 每个元素(标签选择器) | 0,0,0,1 |
| 每个类,伪类 | 0,0,1,0 |
| 每个ID | 0,1,0,0 |
| 每个行内样式 style=”” | 1,0,0,0 |
| 每个 !important 重要的 | ∞无穷大 |

2)权重叠加
数位之间是没有进制的 比如:0,0,0,5 + 0,0,0,5 = 0,0,0,10 而不是 0,0,1,0,所以不会存在10个div能赶上一个类选择器的情况。

3)继承的权重是0
修改样式,一定要看该标签有没有被选中。

  • 如果选中了,那么以上面的公式来计算权重
  • 如果没有选中,那么权重是0,因为继承的权重为0

注意:
有2个特殊标签 链接和 h 标题 它们浏览器有自己默认的样式,继承的权重为0,所以,还是要单独给链接和标题一个样式。