Fast way to get to my rules in my css file?

I am working in split view using code (using the .css file) and live. When I select something in my live view, it shows me the .class file that is applied to it in the live view window. I want to change a few things with that rule. I click the .class in the little upper-left box within the div (live view), then it shows in my CSS Designer, not in my CSS file on the left. If I right click on it in the CSS Designer, then I can go to the exact spot in my .css file, where I can edit it. Is there a better and faster way? Suppose I want to see the and work in the actual css code file, selecting from live view and not the CSS Designer?

Otherwise, since I know the rule I want to edit by seeing the name in the live view window, I want to find that exact .class rule in the css file that is also open. Is there a way to quickly search or find it.  Now I find I am scrolling constantly looking for the .class in a very long file.

Thanks