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!