html {
    -moz-outline: 1px dotted #ff1493 !important;
}
body {
    -moz-outline: 1px dotted #008000 !important;
}
div, form, table
{
    -moz-outline: 1px dotted #ff0000 !important;
}

address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, code, fieldset
{
    -moz-outline: 1px dotted #00ff00 !important;
}

dd, dl, dt, ol, ul, li
{
    -moz-outline: 1px dotted #0000ff !important;
}
li
{
    -moz-outline: 1px dotted #ffa500 !important;
} 


*::before {
   font: 11px "Trebuchet MS", "Myriad Web", Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #FFD700 !important;
   padding: 0 2px;
   position: relative;
   z-index: 10;
   -moz-outline: 1px solid #666;
   opacity: .75;
   white-space: nowrap;
}
*[id]::before {
   content: "<* id="attr(id)">";
}

html:before {
   content: "<html>";
}
body[id]::before {
   content: "<body id=\""attr(id)"\" class=\""attr(class)"\">";
}
div[id]::before {
   content: "<div id=\""attr(id)"\">";
}
p[id]::before {
   content: "<p id=\""attr(id)"\">";
}
p[class]::before {
   content: "<p class=\""attr(class)"\">";
}
h1[id]::before {
   content: "<h1 id=\""attr(id)"\">";
}
h2[id]::before {
   content: "<h2 id=\""attr(id)"\">";
}
h3[id]::before {
   content: "<h3 id=\""attr(id)"\">";
}
h4[id]::before {
   content: "<h4 id=\""attr(id)"\">";
}
h5[id]::before {
   content: "<h5 id=\""attr(id)"\">";
}
h6[id]::before {
   content: "<h6 id=\""attr(id)"\">";
}
address[id]::before {
   content: "<address id=\""attr(id)"\">";
}
ul[id]::before {
   content: "<ul id=\""attr(id)"\">";
}
ol[id]::before {
   content: "<ol id=\""attr(id)"\">";
}
li[id]::before {
   content: "<li id=\""attr(id)"\">";
}
dl[id]::before {
   content: "<dl id=\""attr(id)"\">";
}
dt[id]::before {
   content: "<dt id=\""attr(id)"\">";
}
dd[id]::before {
   content: "<dd id=\""attr(id)"\">";
}
form[id]::before {
   content: "<form id=\""attr(id)"\">";
}
fieldset[id]::before {
   content: "<fieldset id=\""attr(id)"\">";
}
table[id]::before {
   content: "<table id=\""attr(id)"\">";
}
label[for]::before {
   content: "<label for=\""attr(for)"\">" !important;
}
a[href]::before {
   content: "<a href=\""attr(href)"\">";
} 

div::before {
   content: "<div>"
}
form::before {
   content: "<form>"
}
table::before {
   content: "<table>"
}
address::before {
   content: "<address>"
}
blockquote::before {
   content: "<blockquote>"
}
h1::before {
   content: "<h1>"
}
h2::before {
   content: "<h2>"
}
h3::before {
   content: "<h3>"
}
h4::before {
   content: "<h4>"
}
h5::before {
   content: "<h5>"
}
h6::before {
   content: "<h6>"
}
p::before {
   content: "<p>"
}
pre::before {
   content: "<pre>"
}
code::before {
   content: "<code>"
}
fieldset::before {
   content: "<fieldset>"
}
ul::before {
   content: "<ul>"
}
ol::before {
   content: "<ol>"
}
li::before {
   content: "<li>"
}
dd::before {
   content: "<dd>"
}
dt::before {
   content: "<dt>"
}
dl::before {
   content: "<dl>"
}

/** > *:hover::before {
   background-color: #9acd32;
   position: relative;
}*/
