Forum How do I...?

[debugging] Adding html tag names to surrounding box?

yet
Hi there,

a common pattern for debugging and adjusting margins and padding parameter I usually add

* {
border: 1px solid #aaaaaa;
}

to my stylesheet in order to figure out the boxes. It would be handy to add the individual html tagname to the box in order to identify the related elements. Is there a way to do this?
mikeday
At the moment this isn't possible, as you can only grab attribute values from generated content, not the element name. So you could grab classes or ids like this:
*::before {
    position: absolute;
    content: attr(id) " " attr(class)
}