CSS三大特性

1、css层叠性

指多种css样式的叠加，是浏览器处理冲突的一个能力。如果一个属性通过两个相同选择器设置同一个元素上，则第一个属性样式会被第二个属性覆盖

原则：

就近原则：样式离哪个结构近，就执行哪个样式

样式不冲突，不重叠

 

 

 

 

 

 

 

2、继承性

 

子标签会继承父标签的样式，从而降低css复杂性

可继承的样式有：

text- 开头的

font- 开头的·

line- 开头的

color

 

3、css优先级（重点）

3.1 权重计算公式 哪个权重大，就执行哪个

继承或* 权重0,0,0,0

标签选择器 权重0,0,0,1 如div

类选择器 权重0,0,1,0 如 .nav

ID选择器 权重 0,1,0,0 如 #nav

行内样式表 权重1,0,0,0 如style=

!important 在样式属性后面添加，权重最高

如

div{

color:pink!important;

 

 

3.2权重叠加

对应位数相加

0,0,0,5 +0,0,0，6 = 0,0,0.11 没有进位

 

3.3 继承权重是0

子标签有颜色样式，就不会执行父标签样式