1、层叠性
相同选择器给设置相同的样式,就会导致样式冲突,结果会造成其中一个样式覆盖掉别的相同的样式。层叠性主要解决样式冲突的问题
层叠性的原则:
a.就近原则,哪个样式离结构近就执行哪个样式
b.相同选择器样式不冲突不会层叠
2、继承性
子标签会继承父标签的某些样式,比如文本的颜色和字号(text-,font-,line-,以及color属性)
行高的继承
实际开发中行高可以设置为不带单位的情况,例如设置父元素body行高 line-height: 1.5
表示子元素则会继承父元素的行高为当前文字大小的1.5倍
设置body行号为1.5,这样写法的好处是子元素可以根据自己文字大小自动调整行高
3、优先级
css选择器的优先级按权重划分
选择器 权重
继承或* 0 0 0 0
元素选择器 0 0 0 1
类、伪类选择器 0 0 1 0
id选择器 0 1 0 0
行内样式 1 0 0 0
!important 无穷大,可以跟在别的样式后边
注意:不同选择器样式的权重可以叠加但永远不会进位