CSS allows a designer to provide separate styles for different target media types. For example, a designer may provide a master style sheet, plus different style sheets for print, screen and handheld.
Satellite style sheets targeting a specific media type rarely restyle the entire document; instead, they override only specific styles defined in the master style sheet to correct the page’s appearance. For example, a page with a dark background and light-colored text might want to invert this color scheme when the page is printed.
Essentially, there are 3 ways to specify a target media type:
The first two define the media type for an entire style sheet, while the third can be used for one or more individual rules. Stylizer takes the concept one step further by allowing a designer to tag an individual style declaration with a target media type. Of course, CSS does not support this directly: in the underlying CSS file, Stylizer places tagged declarations in another rule of a separate media block. This all happens transparently–when using Stylizer, it is as if CSS had already provided this additional functionality.
To tag a declaration with a target media type, click on the flag button in the Context Bar. Then, choose the media type applicable to the style declaration. An icon will appear on the right side of the property value grid cell indicating the target media type. Each declaration may only have a single target media type.