css有三个重要的特性: 层叠性 继承性 优先级
层叠性:相同选择器给设置相同样式,此时一个样式就会覆盖(层叠)另一个样式
层叠性原则:1.样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式
2.样式不冲突时,不会层叠.
css继承性:子标签会继承父标签的某些样式,比如文本颜色,字体大小
子元素可以继承元素的样式(text-/font-/line-这些元素开头的可以继承以及color类型也是可以被继承的)
不能被继承的, 高度,盒子模型这些都不能被继承
行高的继承性:
font:12px/24px 楷体; (字体大小/行高 字体样式)
font-size: 12px/1.5 楷体; (字体大小/行高倍数 字体样式)
子元素继承父元素的行高 例如:1.5倍 这里有个算法:当前子元素文字大小的1.5倍为行高大小
优先级:权重
当一个元素(标签)指定多个选择器,就会产生优先级
选择器相同的情况下,执行层叠性
选择器不同,根据选择器权重执行
继承权重为0 如果该元素没有被直接选中不管父元素的权重有多高,子元素得到的权重都是0
a默认是指定的样式 蓝色字体 下划线 层叠掉了默认样式 所以只能找到a才能修改a的样式
选择器: 权重值:
继承或者通配符(*) 0
元素选择器 1
类选择器,伪类选择器 10
id选择器 100
行内样式 1000
!important 无穷大
!important 为最高权重