CSS作为网页中重要的一份子，选择器的使用是必不可少的。在CSS中，选择器的种类非常多，如何选择合适的选择器是前端工程师不可忽视的重要知识点。接下来我们介绍CSS中常用的选择器及其优先级。
一、HTML元素选择器
p {
font-size: 12px;
}
这种选择器是CSS中最基本、最常见的一种选择器，其特点是能够针对HTML中所有指定元素进行样式设置。一般情况下，该选择器的权重是最低的，不会超过其他选择器。
二、类选择器
.class {
font-weight: bold;
}
类选择器在HTML中用“.”来标识，它能够针对所有指定具有该类名的HTML元素进行样式设置。如果同一个元素具有多个类名，则需要以空格分隔。
三、ID选择器
#id {
color: red;
}
ID选择器在HTML中用“#”来标识，它可以唯一地标识一个HTML元素。ID选择器的权重比类选择器高，但在实际开发过程中要尽量减少使用。
四、后代选择器
.container p {
font-size: 14px;
}
后代选择器用空格隔开，可以针对后代元素进行样式设置。例如上面的代码会设置.container元素内的所有p元素的字体大小为14px。
五、子元素选择器
.container > p {
font-size: 16px;
}
子元素选择器用“>”连接，可以选中被指定元素的所有子元素。例如上面的代码会设置.container元素子元素中的p元素的字体大小为16px。
六、相邻兄弟选择器
h2 + p {
font-size: 18px;
}
相邻兄弟选择器用“+”连接，可以选择匹配指定元素之后的第一个相邻兄弟元素。例如上面的代码会选择跟在h2元素之后的第一个p元素。
七、通用选择器
* {
margin: 0;
padding: 0;
}
通用选择器用“*”表示，它可以匹配任何一个HTML元素。但由于它的权重是非常低的，一般不会对样式产生多大的影响。
权重的计算规则是：!important > 行内样式 > ID选择器 > 类选择器和属性选择器 > 标签选择器和伪元素选择器 > 通用选择器。
以上就是CSS中常用的选择器及其优先级的介绍，希望可以帮助大家更好地理解和使用CSS中的选择器。
