【译】我最喜欢的CSS hack

【译】我最喜欢的CSS hack

有一个我已经复制粘贴5年的​​CSS​​片段：

* { background-color: rgba(255,0,0,.2); }* * { background-color: rgba(0,255,0,.2); }* * * { background-color: rgba(0,0,255,.2); }* * * * { background-color: rgba(255,0,255,.2); }* * * * * { background-color: rgba(0,255,255,.2); }* * * * * * { background-color: rgba(255,255,0,.2); }* * * * * * * { background-color: rgba(255,0,0,.2); }* * * * * * * * { background-color: rgba(0,255,0,.2); }* * * * * * * * * { background-color: rgba(0,0,255,.2); }

这是我最喜欢的发明之一。

2014年，我首次在​​Quora​​​上分享了它（​​What are the most interesting HTML/JS/DOM/CSS hacks that most web developers don't know about?​​），现在，我每天仍然收到有人支持这个答案的通知。

那么，这个可怕的代码片段做了什么？

它意味着当你使用布局时适用，比如：

问题是，除非页面上的元素具有纯色背景或者一张图片，否则你看不到它是如何适合布局。例如大多数的文本节点，具有透明度的图片等。

应用上面的​​CSS​​，你会看到类似（下面）的东西：

不同深度的节点使用不同的颜色。允许你查看页面上每个元素的大小，它们的边距和填充。现在，你可以容易地识别出不一致性。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。