Hello, I would like to know if there is a program of some kind that will allow me to quickly create an html tree, as in the example:
I would like to add to the tags in the chart the name of the class or ID's that are also children of a particular tag. The purpose of this is to better observe and calculate the css specificity of my site and thus facilitate the creation of the site. Thanks in advance.
There are a lot of software that can help you. And most of them have "mind" in the name ...
Here is a short list.
But none of them are exclusive to html / css pages, but you can adapt to have a more macro view of your sitemap, etc.
See some examples of images adapted for this use.
MindManager
ExamplemapmadeforBootstrap 
OnlyCSSexampledoneinXMind 
SmashMagazinearticleonthesubjectishalfold,butmayinterestyou. link
