A Handy CSS Debugging Snippet I use the following bit of CSS to help visualize the structure of an XHTML (or HTML) document by putting a colored outline around the border of every element. At each level in the hierarchy the color changes so you can see when “depth” changes. デバッグ用CSSのスニペット。 このCSSを定義しておくことで、階層的な構造を視覚的に次のように表示できます。 次がそのデバッグ用CSS * { outline: 2px dotted red } * * { outline: 2px dotted