1. 层叠性
相同选择器(不同选择器优先级不同,如果这里是不同的选择器则不遵循就近原则)设置样式属性一样,属性值不同,此时后个样式就会覆盖(层叠)前一个冲突的样式。
CSS层叠性主要解决样式冲突的问题:样式冲突,就近原则
2. 继承性
CSS中的继承:子标签会继承父标签中的某些样式(text-,font-,line-,color)
inherited from 父标签
行高的继承:
line-height可以加单位,也可以不加单位
不加单位的行高表示:当前元素文字大小font-size的XXX倍 = line-height
如果当前元素文字大小font-size没有指定,就会继承父元素的文字大小(没有设置的话有默认值),然后再计算行高
3. 优先级
当同一个元素指定多个选择器,就会有优先级产生
选择器相同,执行层叠性
选择器不同,根据选择弃权重执行
选择器 | 选择器权中 |
继承 / * | 0000 |
元素选择器 | 0001 |
类选择器,伪类选择器 | 0010 |
ID选择器 | 0100 |
行内样式style | 1000 |
!import | 无穷大 |
继承的权重是0,如果该元素没有被直接选中,无论父元素的权重有多高,子元素得到的权重都是0
a标签浏览器默认指定了一个样式:蓝色的有下划线
复合选择器:权重叠加,但是不会进位