Si ponemos al principio de nuestra hoja de estilo las siguientes líneas, podremos visualizar la estructura de nuestro sitio fácilmente.
* { 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 }
Tomado de este sitio
Similar efecto el que consigues con la extensión de Firefox: <a href=“https://addons.mozilla.org/en-US/firefox/addon/60”>Web developer</a> —> Opción — > Information —> Display Div Order
Más práctico porque no necesitas manipular tu CSS.
Saludos