基础选择器
- 类选择器
- 以‘.’开头
- id选择器
- 以#开头
- 权重高
- 一般指向唯一元素
- 属性选择器
- 含有 [ ] 的选择器，例如 [title]{}、[title="class"]{}等
- 伪类选择器
- 一般指前面有个(:)的选择器，例如 :first-child、 :last-child、:hover等
- 伪元素选择器
- 连续有两个冒号(::)的选择器，例如 ::after, ::before, ::first-line, ::first-letter等
关系选择器
关系选择器是指根据与其他元素的关系选择元素的选择器
- 后代选择器
- 选择所有合乎规则的后代元素
- 用空格连接
- 相邻后代选择器（子选择器）
- 仅选择合乎规则的儿子元素
- 用>连接
- 兄弟选择器
- 选择当前元素后面的所有合乎规则的兄弟元素
- 用～连接
- 相邻兄弟选择器
- 仅选择当前元素相邻的那个合乎 规则的兄弟元素
- 用+连接
