一、基本选择器
p {
color: blue;
}使用标签名称作为选择器，这样所有的同名标签都会应用这些样式。
二、类选择器
.blue {
color: blue;
}在HTML中，添加class属性，然后使用”.”+类名的方式定义样式。这样可以对特定的元素应用相同的样式，而不影响其他元素。
三、ID选择器
#red {
color: red;
}使用ID选择器时需要在HTML中给该元素添加id属性，然后使用”#” + id名的方式定义样式。在整个文档中，每个id只能出现一次。
四、后代选择器
div p {
color: green;
}使用空格来表示选择器之间的父子关系，这样样式将仅适用于某个元素的后代元素。
五、同级选择器
p ~ span {
color: orange;
}使用”~”来表示同级选择器，这意味着样式将应用于选择器之后出现的同级元素。
六、属性选择器
a[href="https://www.google.com"] {
color: purple;
}可以根据元素的属性值来选择元素，使用方括号”[属性名=属性值]”来定义选择器。
除了以上选择器，还有伪元素选择器、状态选择器、全局选择器等等。
在CSS中，选择器的灵活应用可以减少冗余样式，提高代码的复用性和可维护性。当大家需要对页面样式进行修改时，只需调整相关的样式表，而不影响其他地方的元素样式。