CSS学习（6）——CSS三大特性

目录

1.层叠性

2.继承性

3.优先级

---

1.层叠性

相同的选择器设置相通的样式，此时一个样式就会覆盖另一个冲突的样式，遵循就近原则，哪个样式离结构近，就执行哪个样式。

2.继承性

子标签会继承父标签中的某些样式。

text-、font-、line-开头的属性和color属性可以继承。

特殊：

行高的继承，行高可以带单位也可以不带单位。

例:

body{
    font: 12px/1.5 Microsoft YaHei;
}

若子元素没有设置行高，则继承父元素body的行高为1.5。此时子元素的行高为：子元素文字大小的1.5倍。

3.优先级

当同一元素指定多个选择器，就会产生优先级。

!important > style > ID > 类、伪类选择器 > 元素选择器 > 继承或*

style:1,0,0,0

ID: 0,1,0,0

类，伪类：0,0,1,0

元素：0,0,0,1

继承：0,0,0,0

！important语法例：

color: red!important;

权重叠加：复合选择器会有权重叠加的问题

如：ul li{}的权重 > li{}的权重

ul li的权重=0,0,0,1+0,0,0,1=0,0,0,2

权重虽然会叠加，但不会有进位的问题。