在 CSS 中,选择器是选取需设置样式的元素的模式。
下面我们介绍几种常用选择器:
- 元素选择器:通过选择html标签设置css样式
示例:直接选取p标签设置文本颜色
效果如下
2.类选择器:通过设置class类设置css样式
注意:class命名不能以数字开头
示例:设置类名为four的标签中的文本颜色
效果如下
3. ID选择器:通过设置ID来设置css样式
注意:ID命名不能以数字开头
示例:设置ID为four的标签中的文本颜色
效果如下
4.后代选择器:
写法:div p
示例:选择 div标签里面的所有子元素 为p标签
效果如下
5.直接后代选择器
写法:div>p
示例:选取div标签里面的直接子元素p标签
效果如下
6.相邻兄弟选择器
写法;div+p
示例:选择紧跟div标签的首个p标签
效果如下
7.兄弟选择器
写法:div~p
示例:选择紧跟div标签的所有p标签
效果如下
- 结构选择器
常用结构选择器:div p:nth-child(2){
} 选择其父元素(div)的第二个子元素p标签
效果如下
这是我所学到的css选择器,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!