CSS 选择器的优先级从高到低：1. 行内样式；2. ID 选择器；3. 类选择器；4. 类型选择器；5. 通用选择器；6. 属性选择器；7. 伪类选择器；8. 伪元素选择器；当优先级相同，后面声明的样式覆盖前面样式，行内样式优先于外部样式表样式。
CSS 选择器的优先级
CSS 选择器的优先级决定了当多个选择器匹配同个元素时，哪个选择器生效。优先级较高的选择器会覆盖优先级较低的选择器。
优先级从高到低如下：
-
行内样式
立即学习“前端免费学习笔记（深入）”；
- 直接写在 HTML 元素 style 属性中的样式。
-
ID 选择器
- 以
#符号开头的选择器，用于匹配带有特定 ID 的元素。
- 以
-
类选择器
慧科企业网站管理系统1.0下载慧科企业网站管理系统是慧科研发中心专业为企业建站而开发的一款网站程序。该系统采用最简单易用的asp+access进行搭建，可二次开发拥有完善的网站前后台，并特别根据企业网站的特点开发出独具特色的栏目和功能。是企业建站的绝佳选择！系统三大特色：1、全静态：全站生成.html静态页面。降低服务器压力，增强百度收录。2、高优化：特别针对搜索引擎进行优化处理，让客户快速找到你。3、够简单：拥有完善后台管理
- 以
.符号开头的选择器，用于匹配带有特定类的元素。
- 以
-
类型选择器
- 匹配 HTML 元素类型的选择器，例如
p（段落）或div（区块）。
- 匹配 HTML 元素类型的选择器，例如
-
通用选择器
-
*符号，匹配任何元素。
-
-
-
[]符号，用于匹配具有特定属性或属性值（例如[type="text"]）的元素。
-
-
- 以
:符号开头的选择器，用于匹配处于特定状态的元素（例如:hover）。
- 以
-
伪元素选择器
- 以
::符号开头的选择器，用于匹配元素的特定部分（例如::before）。
- 以
当有多个相同优先级的选择器匹配同个元素时，遵循以下规则：
- 后面声明的样式会覆盖前面声明的样式。
- 相同元素上的行内样式始终优先于外部样式表中的样式。
