Debbugage CSS

Affichage des class et id

by toubia95

HTML

<div id="toto"><p>test1</p></div>
<div id="toto2"><p><a href="#" class="link">test2</a></p></div>

CSS

/* Debuggage d'éléments */
@media (max-width: 800px) {    
    * { outline: 2px dotted red;}
    *:after { content:"#"attr(id)" ."attr(class); color: red; float: right;}
    * * { outline: 2px dotted green; background: white}
    * * * { outline: 2px dotted orange; background: #888}
    * * * * { outline: 2px dotted blue; background: #666}
    * * * * * { outline: 1px solid red; background: #444}
    * * * * * * { outline: 1px solid green; background: #333}
    * * * * * * * { outline: 1px solid orange; background: #222}
    * * * * * * * * { outline: 1px solid blue; background: #111}
}