- 选中所有元素
-
id 选择 id （唯一）
- .class 类选择器
- XXX 元素选择
- XXX YYY 包含选择器，如 div p { }、main img { }
- XXX, YYY 并列选择，如 img, a, p, h1, h2 { }
- XXX + YYY 后邻选择，如 div + h1 { }、nav + li { }
- XXX > YYY 子元素选择，如 nav > ul { }、footer > a { }
- XXX ~ YYY 前邻选择，如 footer ~ p { }
- XXX[属性] 属性选择，如 a[target] { }、img[name] { }
- XXX[属性=ZZZ]、XXX[属性~=ZZZ]、XXX[属性|=ZZZ] 属性内容定位（匹配、包含、起始）
- XXX[属性^=ZZZ]、XXX[属性$=ZZZ]、XXX[属性*=ZZZ] 属性字符串定位（起始、结尾、包含）
- a:link a:visited a:hover a:active 链接属性（链接、已访问、停留、点击）
- ::before ::after 增加（从前面、从后面）
- :not(XXX) 除了 XXX 以外的元素
参考：
