CSS常用选择器及优先级 |css div上下

常用的CSS选择器有以下几种：

1. 元素选择器：选择所有指定元素。例如p选择器，将影响所有段落。
p {
color: red;
}
2. ID选择器：选择带有指定ID的元素。ID选择器使用#开头。
#my-id {
font-size: 20px;
}
3. 类选择器：选择指定类名的元素。类选择器使用.开头。
.my-class {
background-color: yellow;
}
4. 后代选择器：选择指定元素下的后代元素（即儿子孙子元素）。
div p {
font-weight: bold;
}
5. 子选择器：选择指定元素下的子元素。
ul >li {
list-style: none;
}

这些选择器在选择元素时具有不同的优先级，优先级从高到低分别为：

1. !important声明
2. 行内样式（style属性）
3. ID选择器
4. 类选择器、属性选择器、伪类选择器
5. 元素选择器、伪元素选择器
6. 通配符选择器
7. 继承样式

使用CSS时，大家需要根据具体需求选择合适的选择器，并合理设置样式优先级，以达到最终的页面效果。