HTML and CSS debugging snippet. Use this to see every id and class on the page, along with the src/href and alt/title. Handing for quick debugging.

css--and-html-debug-snippet

  ::before, ::after{
    font-size: .75em;
    padding: 0 1em;
    text-decoration:none;
    position:relative;
    left: -2em;
    }
  ::before{
  color:blue;
  top:-1em;
}
  ::after{
  bottom:-1em;
  color:red;
}
div::before{
    content: attr(id)
  }
div::after{
  content:attr(class)  
}
img::before, a::before{
  content:  attr(alt) attr(title);
  }
img::after, a::after{
  content: attr(src) attr(href);
  }