你好，欢迎来到 CSS 地狱，你将在这里接受 15 个难以想象的 CSS 难题的折磨。“我做错了什么才落得如此下场？”，你问。但你心里非常清楚：你亵渎了 Cascading Style Sheets。我看到你的朋友们抱怨 CSS 的时候，你附和着说“CSS 甚至都不是一门真正的编程语言”。它就是。我看到你点赞了那张关于垂直居中 div 的 Reddit meme。直接用 flexbox 就好了。我看到你对那些 CSS Is Awesome 的设计意味深长地笑了。我不能容忍 Håkon Wium Lie 的神圣创造以这种方式被诽谤，所以我决定让像你这样的不信者见识一下 CSS 疯狂力量的愤怒。

这些谜题的机制很简单：对于每个桩，都有一个孔，每个桩必须与其对应的孔重叠。为了实现这一点，你将向某些 div 添加 CSS 属性。点击任何 div 以查看其属性并添加你自己的属性。所有 div 对可以添加的属性数量都有一个限制（通常只有一个或两个），有些是“锁定的”（不能添加任何属性）。一般来说，任何 CSS 属性都是允许的，但有一些你可能会遇到的例外。因此，我建议手头保留 MDN CSS Reference。还有一个提示按钮，如果你需要帮助，可以在 GitHub repository 中找到解决方案。我已经测试了 Safari、Firefox 和 Chrome 上的每个谜题（Safari 需要 17 版本）。你永远不需要打开开发者控制台或直接修改页面。

我的独白到此结束。祝你好运；你会需要它的。

开始 →

你的视口让我担忧。

嘿！你看到这条消息是因为你的屏幕——特别是它的宽度。我很高兴你来到这里，但是这款游戏不是为小屏幕设计的，你_不会_喜欢尝试它的。我的意思是，你会在手机上写代码吗？实际上，不要回答，因为我不想知道。无论如何，希望很快能在台式机上见到你。

-Marcos