CSS三大特性
层叠性,继承性,优先级
层叠性
层叠性主要用来解决样式冲突问题
层叠性原则:
1.样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式(覆盖)
2.样式不冲突,不会层叠
继承性
子标签会继承父标签的某些样式,如文本颜色和色号(主要是继承文字方面的样式)
行高的继承:
body{
font:12px/1.5 Microsoft YaHei;
}
此处 12px/1.5 即 body内所有子元素的行高为当前文字大小12px的1.5倍
此种方法优势:里面的子元素可以根据自己文字大小自动调整行高
优先级
当一个元素指定多个选择器,就会有优先级产生
选择器相同,则执行层叠性(就近原则)
选择器不同,则根据选择器权重执行(权重有四组数据)
!important>行内样式 > ID 选择器 > 类选择器 = 伪类选择器 >元素选择器>继承=通配符 *
color: pink; !important (优先级最高)
(如果是复合选择器,则会有权重叠加,需要计算权重)
权重会叠加,但不会有进位