释放双眼，带上耳机，听听看~！
css 选择器是学习css中比较麻烦的事，功能比较多，种类也比较多。学习起来可能不是那么简单，看了一些基本知识后，不知道到底学得怎么样了，下面的网站就可以很好地检测你的基本知识怎么样，一共32关，需要一关关的闯。挺有意思的，我花了半小时的时间闯完了，有一些选择器之前都没了解过，也得再查资料学习。
在这个游戏中，你可以学习 32 个 CSS 选择器的用法（含 CSS3），从简单到高级，比如子元素选择器、后代选择器、伪元素选择器等等，如果你通关这个CSS Diner，我想你对 CSS 的选择器已经了解差不多了。比如下面一起来看看如何玩法。
1、游戏玩法
如下图，这游戏是要我们选择画面中会”动”的元素，下图是两个碟子，那么我们就选择碟子了。
碟子的选择器为 plate，输入后回车，如果答案正确就会跳到下一题，玩法就是这么简单。
下图为第五题，选择在“动”的食物，是中间哪个黄瓜，所以我们输入“#fancy pickle”
2、切换题目
另外你也可以通过这里来选择不同的题目，建议还是每条都做完吧，不要作弊哦！
3、胜利
如果你通过所有测试，哪么会显示以下画面，成为 CSS 大神！
网站地址
本站所有文章，如无特殊说明或标注，均为本站原创发布；任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台；如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
如果下载链接失效的话，请劳烦您在评论区反馈，以便我们及时处理。
