本文介绍了CSS中常用的选择器，包括元素选择器、类选择器、ID选择器、后代选择器、直接后代选择器、相邻兄弟选择器、兄弟选择器、结构选择器等，并通过示例展示了它们在设置元素样式时的用法。了解这些选择器能帮助开发者更精确地控制网页样式。
在 CSS 中，选择器是选取需设置样式的元素的模式。
下面我们介绍几种常用选择器:
- 元素选择器:通过选择html标签设置css样式
示例：直接选取p标签设置文本颜色
2、类选择器：通过设置class类设置css样式
注意：class命名不能以数字开头
示例：设置类名为change的标签中的文本颜色
3、ID选择器：通过设置ID来设置css样式
注意：ID命名不能以数字开头
示例：设置ID为select的标签中的文本颜色
4、后代选择器：
写法：div p
示例：选择 div标签里面的所有子元素 为p标签
5、直接后代选择器
写法：div>p
示例：选取div标签里面的直接子元素p标签
6、相邻兄弟选择器
写法;div+p
示例：选择紧跟div标签的首个p标签 
7、兄弟选择器
写法：div~p
示例：选择紧跟div标签的所有p标签
8、结构选择器
常用结构选择器：div p:nth-child(2){
} 选择其父元素（div）的第二个子元素p标签
示例：
9、常用结构选择器：div p:nth-of-type(4){
} 选择其父元素（div）中p元素的第四个元素
示例：
10、其它的还有：
等多种选择器。详细的可以参考w3c手册。
属性选择器
写法：属性选择器以[attribute]包裹
例如
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
