CSS基础之常用选择器

CSS常用选择器

今天就介绍一些常见、常用的选择器，以及选择器的分类
一、基础选择器：
1.元素选择器
2.类选择器
3.ID选择器
4.通配符选择器（*）：选中文档中所有的元素
5.组合选择器、并集选择器（同时选中）（选择器之间用，隔开） **例：div,p,span{ color: red;}同时对div、p、span的元素内容进行颜色设置
注：比较特殊性时，组合选择器要分开计算

二、层次选择器
1.子级选择器
父元素>子元素{声明块}
2.后代选择器
父元素 子元素{声明块}
3.兄弟选择器（相邻兄弟：两个元素之间不能有任何标签）
兄弟元素A+兄弟元素B{声明块}（只能选中B）
4.通用选择器（不相邻兄弟）
兄弟元素A~兄弟元素B{声明块}（选中所有的兄弟元素B）

三、伪类选择器（伪造一个类选择器）
1.:nth-child(n) 选中第n个元素
适用场景：所有兄弟元素都是相同的标签名

:nth-child(2n)选中偶数项（even） :nth-child(2n+1)选中奇数项（odd） （n从0开始取值）
:nth-child(-n+3) 选中前三个元素

2.:nth-of-type(n) 选中第n个元素（只选择相同的标签名）
适用场景：兄弟元素的标签名可以不同

3.:last-