2018-12-19

1： plate 元素选择器
2: bento 元素选择器
3： #fancy ID选择器
4: plate>apple 子代元素选择器
5： #fancy>pickle 子代选择器
6： .small 类选择器
7： bento>orange,plate>.small 子代选择器、分组选择器、类选择器
8： bento>orange 子代选择器
9: plate,bento 元素选择器、分组选择器
10: * 通配选择器
11: plate>* 子代选择器、通配选择器
12: plate+.small,plate+apple
13: bento~pickle
14: plate>apple 子代选择器
15: plate>orange:first-child
16: apple,pickle:only-child
17: apple,pickle:last-child
18: div plate:nth-child (数字)
19.:nth-last-child(4) div元素中倒数第四个bento元素
20.apple:first-of-type 第一个apple元素
21.:nth-of-type(even) 所有偶数个的plate元素
22.plate:nth-of-type(2n+3) plate元素下的第3个和第5个元素
23.apple:only-of-type plate元素下满足apple.small元素的唯一一个元素
24.orange:last-of-type,apple:last-of-type 元素的最后一个元素
25.bento:emptybento元素里没有包括额外元素
26.apple:not(.small) apple里没有组是.small的元素