How do I jump to a CSS class/ID in the .css file from Dreamweaver's Code view?

Question

Here's the situation. I'm working in Dreamweaver. Let's say I have 5 different .css files containing various classes and ID's. And let's say I'm editing index.html in Code view (which is basically just a text editor). And then let's say I've found in the code a CSS class that I want to see the code for. Or in other words, I want to "jump to" or "go to" the declaration of that class in it's .css page.

Is there a way to do that in Dreamweaver? It's super annoying right now to see the class name in the Code view, then have to click on each .css page, and then manually search for that class to find out where it lives in order to edit it.

I'm also open to other software packages similar to Dreamweaver that make this easier.

Thanks!

Answer 1

Alt+Click on the class to open the "code navigator" popup. There you can see the styles which are applied for the clicked element. Clicking on the selector in the popup opens the css source file for the selector you want to investigate.

Another way is to click on the element with the ID or class and press Shift+F11. This will open the "CSS Styles" window. There there is a a list of rules under the heading "Summary of Selection".