答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
在CSS中，选择器的组合方式和优先级决定了样式规则对元素的应用顺序。理解这两点，能帮助你更准确地控制页面的外观。
选择器的常见组合方式
CSS允许通过多种方式组合选择器，以更精确地定位目标元素：
- 后代选择器：用空格分隔，例如 div p 选择所有在 div 内部的 p 元素
- 子元素选择器：用 > 符号连接，例如 ul > li 只选 ul 的直接子 li
- 相邻兄弟选择器：用 + 连接，例如 h1 + p 选择紧跟在 h1 后面的第一个 p
- 通用兄弟选择器：用 ~ 连接，例如 h1 ~ p 选择 h1 后面所有的同级 p
- 属性选择器组合：例如 input[type="text"] 匹配 type 为 text 的 input
- 伪类与伪元素组合：如 a:hover 或 p::first-line
优先级如何计算
当多个规则作用于同一个元素时，浏览器根据优先级决定使用哪条规则。优先级由四部分组成，通常表示为 a-b-c-d 的形式：
- 内联样式（a）：写在元素 style 属性中的样式，如 style="color: red;"，计为 1，否则为 0
- ID选择器数量（b）：每个 #id 计 1 分
- 类、属性、伪类选择器数量（c）：每个 .class、[type]、:hover 等计 1 分
- 标签和伪元素选择器数量（d）：每个 div、p、::before 等计 1 分
比较时从左到右依次对比，数值高的优先级更高。例如：
立即学习“前端免费学习笔记（深入）”；
- #header .nav li a：优先级是 0-1-2-2（1个ID，2个类，2个标签）
- body div ul li a:hover：优先级是 0-0-1-4（1个伪类，4个标签）
尽管后者有更多选择器，但前者因包含 ID 而优先级更高。
!important 的特殊性
在声明后加上 !important 可以提升该样式的优先级，甚至高于内联样式。但应谨慎使用，避免造成维护困难。多个 !important 规则之间仍按优先级和源码顺序决定。
源码顺序与继承
当优先级相同时，后出现的规则覆盖前面的。继承的样式（如 body 设置的字体）优先级最低，容易被任何选择器定义的规则覆盖。
基本上就这些，掌握组合方式和优先级计算逻辑，就能更好控制样式表现。不复杂但容易忽略细节。
