CSS（层叠样式表）是网页设计中不可或缺的一部分，它决定了网页的布局和外观。在CSS中，选择器是核心概念之一，它决定了样式将应用到哪些元素上。选择器的优先级是CSS规则生效的关键因素之一。理解并掌握选择器优先级，可以帮助开发者更高效地控制网页样式，提升网页设计质量。
一、选择器优先级的基本概念
CSS选择器优先级是指当多个选择器指向同一个元素时，哪个选择器的样式会被应用到该元素上。优先级由以下几个因素决定：
选择器的特定性（Specificity）
选择器的顺序（Order）
选择器的源（Source）
1. 特定性（Specificity）
特定性是指选择器的权重，它决定了哪个选择器的样式会被应用到元素上。特定性由以下三个部分组成：
ID选择器的权重
：ID选择器的权重最高，因为它指向页面中唯一的元素。
类选择器、属性选择器、伪类选择器和伪元素选择器的权重
：这些选择器的权重相同，但高于元素选择器和关系选择器。
元素选择器和关系选择器的权重
：这些选择器的权重最低。
2. 选择器的顺序
当两个选择器的特定性相同时，它们的顺序决定了优先级。先声明的选择器具有更高的优先级。
3. 选择器的源
如果两个选择器的特定性和顺序都相同，那么它们来自的源决定了优先级。通常情况下，内联样式（在元素标签内部定义的样式）的优先级最高，其次是内部样式（在