Posted By

vagrantradio on 02/16/10


Tagged

css diagnostic Troubleshooting ericmeyer


Versions (?)

DIAGNOSTIC CSS


 / Published in: CSS
 

URL: http://meyerweb.com/eric/tools/css/diagnostics/index.html

Troubleshooting css file by Eric Meyer.

  1. div:empty, span:empty,
  2. li:empty, p:empty,
  3. td:empty, th:empty {padding: 0.5em; background: yellow;}
  4.  
  5. *[style], font, center {outline: 5px solid red;}
  6. *[class=""], *[id=""] {outline: 5px dotted red;}
  7.  
  8. img[alt=""] {border: 3px dotted red;}
  9. img:not([alt]) {border: 5px solid red;}
  10. img[title=""] {outline: 3px dotted fuchsia;}
  11. img:not([title]) {outline: 5px solid fuchsia;}
  12.  
  13. table:not([summary]) {outline: 5px solid red;}
  14. table[summary=""] {outline: 3px dotted red;}
  15. th {border: 2px solid red;}
  16. th[scope="col"], th[scope="row"] {border: none;}
  17.  
  18. a[href]:not([title]) {border: 5px solid red;}
  19. a[title=""] {outline: 3px dotted red;}
  20. a[href="#"] {background: lime;}
  21. a[href=""] {background: fuchsia;}

Report this snippet  

You need to login to post a comment.