选择器

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

常用结构选择器：div p:nth-of-type(4){} 选择其父元素（div）中p元素的第四个元素

示例：

其它的还有：

 

 

等多种选择器。详细的可以参考w3c手册。

属性选择器

写法：属性选择器以[attribute]包裹

例如

 

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

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