小孩子才做选择题，成年人全都要

前言

选择器的"相亲大会"

        在CSS的世界里，选择器就像一群急着找对象的单身青年。它们每天的工作就是在HTML文档的茫茫人海中，精准找到自己心仪的"元素对象"。

选择器 

ID选择器：霸道总裁

       ID选择器出场自带BGM："这片鱼塘我承包了！"。它不允许文档中有第二个同ID的元素存在。针对某一个特定标签来选择，只能使用一次。css中的ID选择器以#表示

#header {
  height: 80px; /* 这个ID只能有一个元素享用 */
}
 

特别强调

1、ID是唯一的

2、ID不能以数字开头

合并选择器：家庭聚会

        合并选择器是一种将多个选择器组合在一起的技术，能够提高代码的复用性和可读性。通过合并选择器，可以减少重复代码，使样式表更加简洁高效。

语法：选择器1，选择器2,...{ }

作用：提取共同样式，减少重复代码

.header,.footer{
     height:300px;
}

 选择器的优先级

CSS中，权重用数字衡量

元素选择器的权重为：1

class选择器的权重为：10 

id选择器的权重为：100

内联样式的权重为：1000

优先级从高到低：行内样式 > ID选择器 > 类选择器 > 元素选择器

实时效果反馈 

下列选择器优先级排序正确的是（  ）

A、行内样式 > ID选择器 > 类选择器 > 元素选择器

B、行内样式 > 类选择器 > ID选择器 > 元素选择器

C、行内样式 > 元素选择器 > 类选择器 > ID选择器

D、元素选择器 > ID选择器 > 类选择器 > 行内样式

这道题选A，你做对了吗