CSS（Cascading Style Sheets）选择器是一种语法，用于选择HTML文档中的元素，并规定如何将样式应用于这些元素。使用CSS选择器可以轻松的设置页面布局和样式，使HTML文档中的元素具有良好的可读性和可访问性。
2. 选择器分类
CSS选择器主要分为以下几类：
2.1 元素选择器
元素选择器是最基本的选择器，它通过指定元素名称来选择页面上的元素，例如，用下面的代码选择所有的段落元素：
p {
color: red;
}
上面的代码会将所有的段落元素的文本颜色设置为红色。
2.2 类选择器
类选择器是以点号（.）开头，后面跟类名的选择器。例如，下面的代码为所有class为“example”的元素设置了蓝色的背景色：
.example {
background-color: blue;
}
2.3 ID选择器
ID选择器是以井号（）开头，后面跟元素的ID名的选择器。例如，下面的代码为ID为“example”的元素设置了蓝色的文本颜色：
example {
color: blue;
}
2.4 属性选择器
属性选择器根据元素的属性值来选择元素，可以通过使用方括号来实现。例如，下面的代码会使所有带有title属性的元素显示为红色：
[title] {
color: red;
}
2.5 子选择器
子选择器用于选择某个元素的直接子元素。例如，下面的代码为所有段落元素的直接子元素设置了文本颜色：
p > span {
color: blue;
}
2.6 后代选择器
后代选择器用于选择某个元素下的所有后代元素，不论层级多深。例如，下面的代码会使所有div元素下的p元素显示为红色：
div p {
color: red;
}
2.7 相邻兄弟选择器
相邻兄弟选择器用于选择某个元素之后的兄弟元素。例如，下面的代码会使ID为“example”的元素之后的所有p元素显示为红色：
example + p {
color: red;
}
2.8 通用选择器
通用选择器（*）选择所有元素。例如，下面的代码会将所有元素的边框设置为1像素粗的红色实线：
* {
border: 1px solid red;
}
3. 选择器组合
CSS选择器可以组合使用，以便更精确地选择元素并应用样式。例如，下面的代码将为带有class为“example”的p元素和h1元素设置蓝色的文本颜色：
p.example, h1.example {
color: blue;
}
4. 结束语
CSS选择器是一种非常强大的工具，可以帮助我们轻松实现网页布局和样式设置。掌握CSS选择器的使用方法，可以让我们更加灵活地处理网页上的元素和样式。