CSS的三大特征:层叠性、继承性、优先级
层叠性:行内>style>.css样式文件
继承性:子标签会继承父标签的某些样式属性,如:文本颜色,文字大小等
优先级
当同一个元素指定了多个选择器,就会产生优先级的问题
- 选择器相同,则执行层叠操作
- 选择器不相同,则计算权重之后根据权重进行执行
计算权重
选择器 | 权重值 |
---|---|
继承、* | 0,0,0,0 |
元素选择器 | 0,0,0,1 |
类选择器、伪类选择器 | 0,0,1,0 |
ID选择器 | 0,1,0,0 |
行内选择器 | 1,0,0,0 |
!important | 无穷大 |
优先级注意点
- 权重值是由4组数组组成,不会进位
- 可以理解为id选择器永远大于类选择器,类选择器永远大于元素选择器,元素选择器大于通配符或继承
- 等级判断从左向右,如果某一位数值相同则继续向右判断
- 可以简单理解:通配符和继承为0,