/******************************************/
/* debug */

/*Empty elements*/
div:empty, 
span:empty, 
li:empty, 
p:empty, 
td:empty, 
th:empty {padding: 0.5em; background: yellow;}

div:empty::after, 
span:empty::after, 
li:empty::after, 
p:empty::after, 
td:empty::after, 
th:empty::after {content:"Empty element";}



/* Bad attributes and elements*/
*[align],
*[valign],
*[border],
*[cellpadding],
*[width],
*[height],
a[href^="javascript:"],
*[style],
font,
center{outline:5px solid red;}

*[align]::after{content:"Bad attribute: align";}
*[valign]::after{content:"Bad attribute: valign";}
*[border]::after{content:"Bad attribute: border";}
*[cellpadding]::after{content:"Bad attribute: cellpadding";}
*[width]::after{content:"Bad attribute: width";}
*[height]::after{content:"Bad attribute: height";}
a[href^="javascript:"]::after{content:"Bad attribute: href=javascript";}
*[style]::after{content:"Bad attribute: style";}
font::after{content:"Bad element: font";}
center::after{content:"Bad element: center";}



/*Allow img sizes*/
img[width], 
img[height] {outline:0;}
img[width]:after, 
img[height]:after {content:"";}

/*Empty classes or divs*/
*[class=""], *[id=""] {outline: 5px dotted red;}

/*Missing alt*/
img:not([alt]) {border: 5px solid red;}

/*Missing scope from th*/
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

/*Empty links or  links to #*/
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}



div:empty::after, 
span:empty::after, 
li:empty::after, 
p:empty::after, 
td:empty::after, 
th:empty::after,
*[align]::after,
*[valign]::after,
*[border]::after,
*[cellpadding]::after,
*[width]::after,
*[height]::after,
a[href^="javascript:"]::after,
*[style]::after,/**/
font::after,
center::after{
	position:absolute;
	border:1px solid #ff8888;
	-moz-border-radius:0.5em;
	background:#ffffff;
	padding:0.5em;
	opacity:0.6;
	margin:1px;
	white-space:nowrap;
	color:#000000;
}
img[width]:after, 
img[height]:after {
	border:0;
	padding:0;
	margin:0;
}

table{
	-moz-outline:10px solid lime;
}