CSS三大特性——层叠性、继承性和优先级

一、层叠性

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

• 选择：就近原则

二、继承性

• CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。
• 继承的样式:
  • text-
  • font-
  • line-
  • color
• 特殊：行高的继承
  • 行高可以跟单位也可以不跟单位

  font: 12px/24px 'Times New Roman';
  font: 12px/1.5 'Times New Roman';
  

三、优先级

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

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

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

div {
	color: blue!important;
}

注意：

• 权重是有4组数组组成，且永远不会jinwei
• 可以理解类选择器永远大于元素选择器，id选择器永远大于类选择器，以此类推。
• 复合选择器权重叠加：
  • 依次相加