賢い CSS デバッグ コード_CSS/HTML

アイデアは非常にシンプルで、コードは非常に簡潔で、効果は良好で、非常に便利です (当然、IE はこの種の高度なものを認識しません)。

コードをコピー コードは次のとおりです:

* {outline: 2px dotted赤}
* * { 輪郭: 2px 点線の緑 }
* * * { 輪郭: 2px 点線のオレンジ }
* * * * { 輪郭: 2px 点線の青 }
* * * * * {アウトライン: 1px ソリッドレッド }
* * * * * * { アウトライン: 1px ソリッドグリーン }
* * * * * * * { アウトライン: 1px ソリッドオレンジ }
* * * * * * * {アウトライン: 1px ソリッドブルー }

階層関係をマークするには、さまざまな色とさまざまな線種のアウトラインを使用するのが簡単です。