CSS Debug with Debug Class


/ Published in: CSS
Save to your folder(s)

When you can't use firebug to discover cross browser compatibility problems (i.e. internet explorer 6) then what's the fastest way to see the padding and margins?

A quick solution is adding a css debug class to your container. Feel free to change the color backgrounds as well.


Copy this code and paste it in your HTML
  1. .debug { background: #0e0; }
  2. .debug * { background:#cf0; }
  3. .debug * { background: #cf9 }
  4. .debug * * { background: #fc0 }
  5. .debug * * * { background: #fcc }
  6. .debug * * * { background: #fca }

URL: hire.chrisjlee.net

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.