is my css used ?

This is a small extension that allows you to know how many element are impact by your css query by hovering it.

It only work with css files linked with html files with code like this :

<link rel="stylesheet" href="pathOfCSSFile.css">

How does it work :

By hovering a css file the extension automatically find the position of your cursor and look if your mouse is on a query with regex.

Then it looks for all the html files in your workspace and for each "link tag" it looks if there is a css link to the actual css file.

Then it does a queryselector and return the number of element found

Disclaimer :

This a small project made by a student, don't expect exact results. Keep in mind that it will work only for html code in a html file. It doesn't work in framework like react as this feature is still on development.