CSS—三大特性

1 层叠性

相同选择器设置相同的样式，此时一个样式就会覆盖另一个冲突的样式，层叠性主要解决样式冲突的问题。

2 继承性

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

• 恰当地使用继承可以简化代码，降低CSS样式的复杂性
• 子元素可以继承父元素的样式（text-，font-，line-这些元素开头的可以继承，以及color属性）

3 优先级

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

• 选择器相同，则执行层叠性
• 选择器不同，则根据选择器权重执行

选择器权重如下表所示：

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

注意点：

• 权重是有4组数字组成，但是不会有进位，可以理解为类选择器永远大于元素选择器，id选择器永远大于类选择器。
• a链接浏览器默认指定了一个样式，蓝色有下划线。
• 复合选择器会有权重的叠加问题。

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