Handy CSS Debug Snippet


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

Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.


Copy this code and paste it in your HTML
  1. * { outline: 2px dotted red }
  2. * * { outline: 2px dotted green }
  3. * * * { outline: 2px dotted orange }
  4. * * * * { outline: 2px dotted blue }
  5. * * * * * { outline: 1px solid red }
  6. * * * * * * { outline: 1px solid green }
  7. * * * * * * * { outline: 1px solid orange }
  8. * * * * * * * * { outline: 1px solid blue }

URL: http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.