During the life of html structure and the classing of that structure you realize it's a bum. This was designed to take advantage of a list based HTML structure to create a natural hierarchy of elements to make it easy to visualize the relationship of elements and update the classes accordingly.
This awesome code ( Visible Class Hierarchy ) is write by Bryan Stoner, you can se more from this user in the personal repository
You can find the original code on Codepen.io
2018 © Bryan Stoner