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 无穷大,可以跟在别的样式后边
注意:不同选择器样式的权重可以叠加但永远不会进位
本文解析CSS层叠性原则,如何通过就近原则避免样式冲突;介绍继承性在子元素中的应用,以及如何利用行高自动调整;深入讲解优先级规则,包括选择器权重和!important的作用。
451

被折叠的 条评论
为什么被折叠?



