一段巧妙的css debug代码

333 阅读 0 评论 220 点赞

我是靠谱客的博主勤劳冷风，这篇文章主要介绍一段巧妙的css debug代码，现在分享给大家，希望可以做个参考。

想法很简单，代码很简洁，效果也不错，蛮有用（这种高级东东 IE 自然又是不认识的）。

复制代码代码如下:

 * { outline: 2px dotted red } 
  * * { outline: 2px dotted green } 
  * * * { outline: 2px dotted orange } 
  * * * * { outline: 2px dotted blue } 
  * * * * * { outline: 1px solid red } 
  * * * * * * { outline: 1px solid green } 
  * * * * * * * { outline: 1px solid orange } 
  * * * * * * * * { outline: 1px solid blue } 

很容易理解，用不同颜色不同线型的 outline 来标注层级关系。