See CSS Rules Applied To HTML Elements When Debugging?

I'm new to Webstorm. I've got the 7.0.1 evaluation version for Mac. I'm wondering if there's a way when debugging an HTML file in Chrome with the Live Edit feature running to see which CSS rules are applying to a selected HTML element? Like what you would see in Chrome's Developer Tools.

I'm actually not sure if it's Live Edit that I'm using. It's through the JetBrains Chrome plugin. When I open developer tools it turns off the live editing.  I'd appreciate any help, thanks!

1 comment
Comment actions Permalink


there is no way to do this while debugging. But you can use 'show applied styles for tag' action in right-click menu of a selected tag in editor to view the styles


Please sign in to leave a comment.