CSS三大特性及权重叠加

层叠性：

1.样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式

2.样式不冲突，不会层叠

继承性：

子标签会继承父标签的某些样式，如文本颜色和字号

优先级：

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

选择器相同，则执行层叠性

选择器不同，则根据选择器权重执行

选择器权重如下表所示：

选择器	选择器权重
继承或者*	0,0,0,0
元素选择器	0,0,0,1
类选择器，伪类选择器	0,0,1,0
ID选择器	0,1,0,0
行内样式 style=""	1,0,0,0
!important 重要的	无穷大

例：

权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。

div ul li ------> 0,0,0,3

.nav ul li ------> 0,0,1,2

a:hover -----—> 0,0,1,1

.nav a ------> 0,0,1,1