#CSS理论

======================================================

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. 通用选择器、后代选择器、兄弟选择器

• 注意：继承的样式优先级最低

======================================================