XHTMLの構造を可視化するCSS

簡単なCSSですが、とても便利ですね。
このブロックをスタイルシートのトップにコメント化して置いて、必要なときにコメントを外して使ってるそうです。

A Handy CSS Debugging Snippetから。

* { 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 }

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です