core-ai-bot
commented
3 years ago 
I'm seeing something similar when testing out the quick editor in the Brackets code in /src/index.html file. If for example I select a span tag, I see all styles that have a span as part of the selector, none of which appear to really apply to the span tag I've selected (and in this case, it's a really long list of selectors found). They all apply to span tags that have other class names as part of the selector than the one I'm actually looking at.
Is it expected that the CSS matches are very broadly matched rather than matching the element based on the IDs and classes and tags that the element is within as well as ID and classes applied to the tag itself?
Hi guys, I noticed that when I "COMMAND + E" to access the CSS inline editor related to certain element of my HTML code, all the CSS files with selectors which may apply to my HTML element are shown. I would suggest to only show the CSS files that really apply to the HTML file and element I am inspecting.
For example, I have an HTML file with these link tags:
I also have a third CSS file in my project which is applied to another HTML file. If I "COMMAND + E" on some element of my first HTML, I get CSS code from the 3 CSS files (considering all of them have CSS selectors which apply, of course), and not only of the 2 CSS files really linked to my HTML page, and consequently which really apply to this page and its elements ;-)
Personally, I think that showing CSS code which really does not affect the element you are currently inspecting may cause errors since the developer may think that she is changing something whose effect is not (obviously since the CSS file does not apply) applied.