- 上下文选择器
div p { } //表示所有div 下 的 p 元素
- 类名选择器
- ID选择器
- 直接子元素选择器
div > p
- 相邻同袍元素
div p+p
- 普通同袍元素
div p~p
- 伪类：选择第一个元素 和 最后一个元素
：first-child :last-child
- 选择元素的第一个字母或者第一行
：first-letter //第一个字母
：first-line //第一行
PS：四个伪元素，::first-letter ::first-line ::before :after
伪类，：first-child :last-child :hover :active
- 按状态选择选择，常用于链接a
a:link a:hover a:active a:focus a:vistied
- 按属性选择元素
1) [attribute="value"] //attribute的值与value的值完全相等
2) [attribute ~= "value"] //属性值为空格分隔的多个单词，value值与其中一个单词完全匹配
3）[attribute ^="value"] //属性值以value值开头
4）[attribute $="value"] //属性值以value值结尾
5）[attribute |="value"] //属性值以value- 开头
