CSS三大特性
层叠性
作用:是浏览器处理冲突的一个能力。如果一个属性通过两个选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 。
继承性
作用:子元素可以继承父元素的样式。
特殊性:
- 并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承。
- 在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 。
- a标签的颜色和下划线的设置不能继承,必须对a标签本身进行设置。
- h标签的字体大小不能修改,必须对h标签本身进行修改。
优先级
定义:优先级表示当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定 。
优先级的判断:
1、如果使用的是同类型的选择器,那么谁写在后面就听谁的。就近原则
2、如果使用的是不同类型的选择器,那么会按照选择器的优先级来层叠。
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
优先级的!important:
作用:用于提升选择器中某个属性的优先级, 可以将被指定属性的优先级提升为最高 。
特点:
1、!important只能提升被指定的属性的优先级, 其它的属性的优先级不会被提升 。
2、!important必须写在属性值得分号前面,与属性值之间加上一个空格 。
3、!important前面的感叹号不能省略 。