后代选择器
- 用空格隔开
- 选择div标签下的p标签下的a标签
div p a
- 选择class为parent标签下的p标签下的a标签
.parent p a
- 后代选择器可以是标签、类、id的混合体
- 后代选择器会选择所有的复合条件的后代
子代选择器
- 用>隔开
- 选择div标签下的p标签下的第一级a标签
div p > a
- 子代选择器也可以是标签、类、id的混合体
- 子代选择器是后代选择器的精确版
交集选择器
- 标签、类、id中间不使用空格隔开,取他们的交集
div.red
选择class为red的div
并集选择器
- 标签、类、id中间使用逗号隔开,取他们的并集
div,p,.red
选择div、p和class为red的标签
链接链接伪类选择器
- 伪类选择器是以冒号开头
- :link 未访问的链接
- :visited 已访问的链接
- :hover 鼠标移动到链接上
- :active 选定的链接