CSS选择器

文献种类：专题技术总结文献

开发工具与关键技术：MVC                       

作者：吴锦华      ；年级：20级    ；撰写时间：2021   年 7  月  17日

文献编号：                归档时间：   年   月   日

CSS选择器

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：MVC

作者：吴锦华

撰写时间：2021/7/17

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

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

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]包裹

例如

以上为我的CSS内容，，希望对每一位读者都有所帮助，同时我也期待有读者发表建议对我的内容补充和修改。后续能总结出比较完善的文献论文。