CSS Diner 攻略

CSS Diner是一个一个简单的浏览器小游戏，主要练习的是一些CSS Selectors的知识。

1 plate
2 bento
3 plate#fancy
4 plate apple
5 plate#fancy pickle
6 .small
7 orange.small
8 bento orange.small
9 bento,plate
10 *
11 plate *
12 plate + .small, plate + apple
13 bento~pickle
14 plate>apple
15 orange:first-child
16 apple:only-child,pickle:only-child
17 apple:last-child,pickle
18 plate;nth-child(3)
19 bento:nth-last-child(4)
20 apple:first-of-type
21 plate:nth-of-type(2n)
22 plate:nth-of-type(2n+3)
23 apple:only-of-type
24 orange:last-of-type,apple:last-of-type
25 bento:empty
26 apple:not(.small)