CSS三大特性
1. 层叠性
| 原则 | 说明 |
|---|---|
| 就近原则 | 距离元素最近的样式规则会覆盖较远的规则 |
| 相同权重 | 后声明的样式会覆盖先声明的样式 |
| 部分覆盖 | 只有冲突的属性会被覆盖 |
2. 继承性
| 类别 | 属性列表 |
|---|---|
| 可继承的属性 | 文本相关：color、font-、text-、line-height；列表相关：list-style-*；其他：visibility、cursor |
| 不可继承的属性 | 布局相关：width、height、margin、padding、border、display；背景相关：background-*；其他：z-index、opacity、box-shadow |
3. 优先级
| 优先级 | 选择器类型 |
|---|---|
| 1（最高） | !important |
| 2 | 内联样式 |
| 3 | ID选择器 |
| 4 | 类选择器、伪类选择器、属性选择器 |
| 5 | 标签选择器、伪元素选择器 |
| 6（最低） | 通用选择器、后代选择器、兄弟选择器 |
| - | 继承的样式优先级最低 |
实际开发其实注意不到，优先级偶尔可能会有点影响，属性继承没记过