O'Reilly logo

Dreamweaver 8: The Missing Manual by David Sawyer McFarland

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Advanced Styles

Tag and class styles are the most common types of styles, but they aren't the only ones available. There are many other style types with various functions and purposes, but Dreamweaver lumps them together under the term advanced styles. To be technically accurate, tag and class styles aren't really styles per se. In CSS lingo, they're known as different types of selectors.

A CSS selector is an instruction that tells a Web browser what it should apply the CSS formatting rules to. For example, a tag selector tells a browser to apply the formatting to any instance of a particular tag on the page. Thus, an h1 tag style applies to all<h1> tags on a page. A class selector, on the other hand, applies only when the browser encounters the class name attached to an element on a page.

Note

For a detailed discussion of selectors, visit http://css.maxdesign.com.au/selectutorial/.

There are a variety of selectors in the CSS arsenal (a few of the most common and useful are mentioned below), but in Dreamweaver, you go about creating them all the same way: start by creating a CSS style, following the instructions on Section 6.2. But when you get to the New CSS Rule window (Figure 6-2), instead of selecting the Tag or Class selector type, choose the Advanced option.

With the exception of four "pseudo-classes"(discussed next) in the advanced selector drop-down menu, you must type the selector name in the text field at the top of that window. As described in the following sections, each ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required