1. CSS Dinner游戏
CSS Dinner是一个帮助初学者快速熟悉css各种选择器的网页游戏
2.CSS Dinnner答案
level1
plate
level2
bento
level3
plate#fancy 或 #fancy 或 plate:first-child 或 plate:first-of-type
level4
plate>apple
level5
plate#fancy>pickle 或 #fancy>pickle
level6
apple.small
level7
orange.small
level8
bento>orange.small
level9
plate,bento
level10
*
level11
plate *
level12
plate+apple
level13
bento~pickle
level14
plate>apple
level15
plate>orange:first-child 或 orange:first-child 或 plate>orange:first-of-type
或 orange:first-of-type
level16
apple:only-child,plate>pickle:only-child
level17
apple:last-child,pickle: last-child 或 apple.small,pickle.small 或 apple,pickle 等等
level18
plate:nth-child(3)
level19
bento:nth-last-child(3) 或 bento:first-of-type 或 bento:nth-child(2)
level20
apple:first-of-type 或 apple:nth-child(2)
level21
:nth-child(even) 或 :nth-child(2n)
level22
plate:nth-child(2n+3)
level23
apple:only-of-type 或 apple:only-child
level24
orange:last-of-type,apple:last-of-type
level25
bento:empty
level26
apple:not(.small)
level27
[for]
level28
[for=Sarah],[for=Luke]
level29
[for=Vitaly]
level30
[for^=Sa]
level31
[for$=to]
level32
[for*=obb]