css选择器

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

 

• 元素选择器：通过选择HTML标签设置CSS样式

示例：直接选取p标签设置文本颜色

• 类选择器：通过设置class类设置CSS样式

注意：class命名不能以数字开头

示例：设置类名为div1的标签中的文本颜色

转存失败重新上传取消

• ID选择器：通过设置ID来设置CSS样式

注意：ID命名不能以数字开头

示例：设置ID为conBox的标签中的文字颜色

• 后代选择器：

写法：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元素的第四个元素

示例：