美文网首页
一个关于CSS入门的小游戏,有点烧脑~

一个关于CSS入门的小游戏,有点烧脑~

作者: 嘿_man | 来源:发表于2018-03-26 20:43 被阅读0次

要玩这个小游戏的话,要去我的百度云里去下载

链接:https://pan.baidu.com/s/1W8P1RABLpcVXHYr0DbhUSg 密码:nu4j

大概的游戏规则:

蓝色区域的盘子会不停的得瑟,当然每一关会动的区域都不相同。上面和下面的蓝色区域它们的位置是相对应的。

红色区域是你写答案的地方,如果不对的话,他就会抖动。

黄色区域就是给你的提示,让你去发现他的规律到底是什么。

右边的是关卡,你可以去选择关卡,也可以一关一关的去做。

你需要做的就是把这个选择器的正确名字写在红色区域,如果正确你就会过关了。

我把全部的答案写在了最后面,小伙伴们可以去参考一下。最后一关有个很怪异的答案,做完之后你可以去看看。

image.png

答案

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

下面这个也是26关的答案,是我发现的一个很有趣的事情,不知道怎么回事,竟然是正确的!

plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last-child()plate:nth-child(even) apple,apple:last


码字不易,喜欢的话就biu一下吧!

相关文章

  • 一个关于CSS入门的小游戏,有点烧脑~

    要玩这个小游戏的话,要去我的百度云里去下载 链接:https://pan.baidu.com/s/1W8P1RAB...

  • 关于“烧脑”

    “烧脑”不是一个形容词而是一个动宾短语,神经没事乱放电,脑子会出事的。 2015.07-2015.11,2016....

  • 发现•分享—2019-01-10~2019-01-13

    工具 webpack-hot-middleware解读 文章 CSS 关于css字体 flex布局小游戏 11个超...

  • 六边形

    号外!号外!合集小游戏来啦,这是一款集合了娱乐、烧脑、策略的合计游戏,六边形与圈圈消消乐烧脑特辑,俄罗斯则是怀旧经...

  • 最近学习有点烧脑

    最近一直在学习机器学习实战这本书籍,白天陪娃,晚上基本保持每晚一个章节内容的学习。在前期几本简单的书籍了解概率...

  • 生命的质量有点烧脑

    这是简书第五天。 如此写下去,颇有记日志的痕迹。但是仍然想坚持下去,至少也得坚持二十一天,因为据说,任何事情,能坚...

  • 想见你:因为想见你,所以思念超越了时空。

    关于《想见你》 这是我近年来,追过为数不多的台剧中,非常nice的一部剧,虽然有点烧脑,但好在脑容量还行,剧情也没...

  • 2018-03-03

    写点什么呢,上了一天的课,有点烧脑。

  • 有点烧脑的“教育问题”。

    新生大学的张旎分享了一个美国17年前教改的学校High teach High的记录片《Make Likely To...

  • 【动漫精选】这部动漫值得反复刷五遍

    今天说的这部番有些烧脑,并非是剧情烧脑,而是结构烧脑。 它的结构甚至可以说是有点乱,你可能连看5、6集都搞不清楚到...

网友评论

      本文标题:一个关于CSS入门的小游戏,有点烧脑~

      本文链接:https://www.haomeiwen.com/subject/vsqdcftx.html