层叠性：

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