CSS选择器

在 CSS 中，选择器是选取需设置样式的元素的模式。

下面我们介绍几种常用选择器:

1. 元素选择器:通过选择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标签

效果如下

 

1. 结构选择器

常用结构选择器：div p:nth-child(2){

} 选择其父元素（div）的第二个子元素p标签

效果如下

 

   这是我所学到的css选择器，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！