一段巧妙的css debug代码

2020-10-23 18:52:50

字体：大中小

来源：转载

供稿：网友

想法很简单，代码很简洁，效果也不错，蛮有用（这种高级东东 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 来标注层级关系。

上一篇：利用CSS控制SELECT中的OPTION是否不允许选

下一篇：CSS定义通用透明效果