CSS dinner

github的一个项目

Github
CSS dinner

CSS dinner 是一个灵活运用各种选择器来进行操作的一款娱乐小游戏,可以用各种方法来实现游戏任务,刚刚呢,我也是试水一把,果然学习轻松加愉快,还有提示,接下来我把我自己写的答案写一下,要是大家有更简单的方法联系我,一起学习.

1.plate

plate
2.bento
bento
3.#fancy
#fancy
4.plate apple
plate apple
5.#fancy pickle
#fancy pickle
6.apple.small
apple.small
7.orange.small
orange.small
8.bento orange.small
bento orange.small
9.plate,bento
plate,bento
10.*
*
11.plate *
plate *
12.plate+apple.small,plate+apple
plate+apple.small,plate+apple
13.bento~pickle
bento~pickle
14.plate>apple
plate>apple
15.plate orange:first
plate orange:first
16.plate apple,plate pickle
plate apple,plate pickle
17.#fancy apple,pickle:last
#fancy apple,pickle:last
18.plate:nth-child(3)
plate:nth-child(3)
19.bento:nth-last-child(3)
bento:nth-last-child(3)
20.apple:first-of-type
apple:first-of-type
21.plate:nth-of-type(2n)
plate:nth-of-type(2n)
22.plate:nth-of-type(2n+3)
plate:nth-of-type(2n+3)
23.apple:only-of-type
apple:only-of-type
24.orange:last-of-type,apple:last-of-type
orange:last-of-type,apple:last-of-type
25.bento:empty
bento:empty
26.apple:not(.small)
apple:not(.small)
27.[for]
[for]
28.plate[for]
plate[for]
29.[for=Vitaly]
[for=Vitaly]
30.[for^=Sa]
[for^=Sa]
31.[for=ato]
[for$=ato]
32.[for=Robbie],[for=Bobby]
[for=Robbie],[for=Bobby]
通关

就是这些了,有更简单答案的朋友记得联系我哦.