How to go to CSS class / ID in .css file from Dreamweaver code view?

Question

Here is the situation. I work in Dreamweaver. Let's say I have 5 different .css files containing different classes and identifiers. And let me say that I am editing index.html in the code view (which is basically a text editor). And then let's say that I found the CSS class in the code for which I want to see the code. Or, in other words, I want to "go to" or "go" to the declaration of this class on a .css page.

Is there a way to do this in Dreamweaver? It is very annoying right now to see the class name in the code view, then you need to click on each .css page and then manually find this class to find out where it lives in order to edit it.

I am also open to other software packages like 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 that are applied to the item with a click. Clicking on the selector in the popup window opens the source css file for the selector you want to explore.

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