HTML5中常见的选择器

功能：选中想要添加样式的元素
注：选择器选择的是离大括号最近的元素，如果是那个元素，就添加，不是就不添加。

1、基础选择器

元素选择器 : 要选择的标记名

类选择器 ：设定的class

ID选择器 ：设定的id

通配符 ：*

2、层次选择器

子级选择器 ：父元素>子元素

后代选择器 ：祖先元素 后代元素

兄弟选择器 ： 兄弟元素A+兄弟元素B——特点：AB之间不能有其他元素（相邻）

通用选择器 ： 兄弟元素A~兄弟元素B——特点：选择A之后所有的兄弟级元素B

否定选择器

:not()——小括号里是不想添加样式的元素
例：
:not(:nth-child(3)) 否定第三个元素

多个兄弟元素进行否定，则进行连续书写
例：
:not(:nth-child(3)):not(:nth-child(5))

3、伪类选择器

结构伪类选择器

:nth-child(n) ——匹配选择项父类下的第n个子项

:nth-of-type(n)