选择器

1 plate 元素选择器
2 bento 元素选择器
3 #fancy id选择器
4 plate>apple 子元素选择器
5 #fancy>pickle 子元素选择器
6 .small 类选择器
7 orange.small 交集选择器
8 bento>orange.small 子元素选择器和交集选择器
9 plate,bento 并集选择器
10 * 通用选择器
11 plate>* 子元素选择器和通用选择器
12 plate + apple 兄弟选择器
13 bento ~ pickle 兄弟选择器
14 plate > apple 子元素选择器
15 plate>orange:first-child 子元素选择器和选择第一个子标签
16 plate apple,plate pickle 后代选择器和并集选择器
17 apple:last-child,pickle 最后一个标签
18 :nth-child(3) 选择指定位置子标签
19 bento:nth-child(2) 选择指定位置子标签
20 apple:first-of-type 选择指定类型的子标签
21 plate:nth-child(even) 选择偶数位置的子标签
22 plate:nth-of-type(2n+3) 选择指定类型指定位置的子标签
23 plate apple.small:only-of-type 唯一类型选择器
24 orange:last-of-type,apple:last-of-type 最后类型选择器
25 bento:empty 空选择器
26 apple:not(.small) 否定伪类