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,所以,还是要单独给链接和标题一个样式。