CSS三大特性(层叠性,继承性,权重)

CSS三大特性

1.层叠性

前提：相同的选择器，设置相同的样式属性。

原则：就近原则；

2.继承性

一般情况下：子元素可以继承父元素的 字体和文本相关的样式

font- text- line-height color (宽高不能继承)

行高的继承性

body{

font:12px/1.5 Microsoft YaHei

}

如果子元素没设置行高，则会继承父元素的行高为1.5

此时子元素的行高是：当前元素的文字大小*1.5

优势：子元素可以根据自己文字的大小自动调节行高

3.权重（优先级）

选择器	选择器权重
继承 或 *	0，0，0，0
标签选择器	0，0，0，1
类元素选择器 ，伪类选择器，属性选择器	0，0，1，0
id选择器	0，1，0，0
行内样式	1，0，0，0
！important	正无穷大

注意：1.权重有四位数，但不会有进位。

​ 2. 256进制。可以理解为类选择器永远大于标签选择器，id选择器永远大于类选择器。

​ 3.判断从左往右

​ 4. 继承的权重为0