Is there a tool for finding html elements affected by a specific css file

Question

I am working with an uplouad plugin for a jquery file that has its own CSS files, but when the plugin is implemented on a web page, it also has its own CSS file, the elements will have styles applied from several files, so I need a tool that allows me to select a CSS file and an HTML file, than the tool should show all the elements affected by this file, I used Firebug, but it only provides the opposite of what I need, for example, select an element and see that all CSS files affect the element, I think that longer n be a faster way to do this.

Answer 1

Firefight https://addons.mozilla.org/en-us/firefox/addon/firebug/ or the Google developer tool https://developers.google.com/chrome-developer-tools/

works very well.

Answer 2

I think that using notepad ++ and making a little pity, the tool will help you, but you will also become a slave. Apply your mind, it's easy to press CTRL + F and search for hierarchy.

Also, the browser with the Developer Tool will help, but I'm not sure who will teach you :)