Posted By

vagrantradio on 02/16/10

Tagged

Versions (?)

Last Edited at 02/16/10 03:56pm

Statistics

Viewed 789 times

Favorited by 1 user(s)

Related snippets

DIAGNOSTIC CSS IE7

/ Published in: CSS

Eric Meyer Diagnostic CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}
 
*[style], img, a[href],
  font, center {border: 5px solid red;}
*[class=""], *[id=""] {border: 5px dotted red;}
table, th {border: 5px solid red;}
 
img {border: 5px solid red;}
img[alt][title] {border-width: 0;}
img[alt] {border-color: fuchsia;}
img[alt], img[title] {border-style: double;}
img[alt=""][title],
img[alt][title=""] {border-width: 3px;}
img[alt=""][title=""] {border-style: dotted;}
 
table[summary],
  th[scope="col"],
  th[scope="row"] {border: 1px solid #AAA;}
 
a[title] {border-width: 0;}
a[title=""] {border-width: 3px;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}