本文介绍了CSS中常用的选择器，包括元素选择器、类选择器、ID选择器，以及后代选择器、直接后代选择器、相邻兄弟选择器、兄弟选择器和结构选择器等。这些选择器用于精确选取并设置HTML元素的样式。文章还提到了属性选择器的使用，并建议读者参考W3C手册以获取更详细信息。
CSS选择器的应用
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：VS
作者：鞋裹力
撰写时间：2021/5/7
在CSS中，选择器是选取需设置样式的元素的模式。
下面我们介绍几种常用的选择器：
- 元素选择器：通过选择html标签设置CSS样式的
示例：直接选取P标签设置文本颜色
- 类选择器：通过设置class类设置css样式
注意：class命名不能以数字开头
类选择器在CSS样式中以.开头
示例：设置类名为A的标签中的文本颜色
- ID选择器：通过设置ID来设置CSS样式
注意：ID命名不能以数字开头
ID选择器以#开头
示例：设置ID为B的标签中的文本颜色
- 后代选择器：
写法：div p
示例：选择器div标签里面的所有子元素为P标签
- 直接后代选择器
写法：div>p
示例：选取div标签里面的直接子元素p标签
- 相邻兄弟选择器
写法：div+p
示例：选择紧跟div标签的首个p标签
- 兄弟选择器
写法：div~p
示例：选择紧跟div标签的所有p标签
- 结构选择器
常用结构选择器：div p：nth-child（2）{
}选择其父子元素（div）的第二个子元素p标签
示例：
常用结构选择器：div p:nth-of-type（4）{
}选择其父元素（div）中p元素的第四个元素
示例：
等多种选择器。详细的可以参考w3c手册。
属性选择器
写法：属性选择器以[attribute]包裹
例如
扫一扫
763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
