CSS的三大特性--层叠/继承/优先级（权重）

CSS三大特性

层叠性，继承性，优先级

层叠性

层叠性主要用来解决样式冲突问题
层叠性原则：
1.样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式（覆盖）
2.样式不冲突，不会层叠

继承性

子标签会继承父标签的某些样式，如文本颜色和色号（主要是继承文字方面的样式）
行高的继承：

body{
font:12px/1.5 Microsoft YaHei;
}

此处 12px/1.5 即 body内所有子元素的行高为当前文字大小12px的1.5倍
此种方法优势：里面的子元素可以根据自己文字大小自动调整行高

优先级

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

• 选择器相同，则执行层叠性（就近原则）
• 选择器不同，则根据选择器权重执行（权重有四组数据）
  ！important>行内样式 > ID 选择器 > 类选择器 = 伪类选择器 >元素选择器>继承=通配符 *
  color: pink; !important （优先级最高）
  （如果是复合选择器，则会有权重叠加，需要计算权重）
  权重会叠加，但不会有进位