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]

通关

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