Code Hinting with CSS in Dreamweaver 5.5

Question

I am currently using the trial version of Dreamweaver 5.5 to be able to - hopefully - get a better understanding of the benefits of this program. I had previously used Aptana Studio 3 for a couple days and may have come to the conclusion that it is better than Dreamweaver at actual HTML/CSS coding.

My problem, or advice I need, is that I'm currently following some Lynda training videos on CSS and the exercise files have the CSS embedded directly into the HTML page using the <stlye> tags. In Aptana I was having difficulties trying to get "code assist" with classes/ids, but now in Dreamweaver I don't even know if that option is available. When writing simple CSS rules nothing is showing up (granted I do not have any windows open beside the main coding window). Is there a way to get some sort of code hinting when typing a . or # or even after the colon in something similar to span:?

As an optional side question, what HTML/CSS editor would you recommend that would benefit the "coder" over the "visual designer"?

Answer 1

You will see code hinting for CSS rules and HTML, not classes and ID's that you have specified. Once you start writing the CSS you will see the code hinting.

so writing

#myDiv

will not give you any hints. this will give you hint:

{

It will give you a list of selectors. Now when you start to write the rule:

Background-color:

You will get your specific code hinting right away when you type the first letter.