A pseudo-element, on the other hand, gives you control over contextually defined page elements: For example,
p:first-letter styles the first letter in every paragraph tag, enabling a drop-cap design. Because of
their specific nature, Dreamweaver does not display any pseudo-elements in the Advanced list. You can,
however, enter your own??”Dreamweaver 8 does a fine job of rendering both the :first-letter and
:first-line pseudo-elements.
Dreamweaver does not render the lesser-used pseudo-elements :before and :after in the
Design view. Preview your page in a compatible browser??”such as Netscape 6.x or higher or
Opera 5.x or higher??”to see these in action.
Descendants and other advanced selectors
Dreamweaver also enables you to enter some of the more advanced additions to the CSS selector palette
through the Advanced field.
One such selector is the descendant selector. Descendant selectors are contextual selectors because they specify
one tag within another. A descendant selector, for example, permits you to give paragraphs within a
table a different style than paragraphs outside a table. Similarly, text nested within two blockquotes (giving
the appearance of being indented two levels) can be given a different color, font, and so on than text in a
single blockquote.
Pages:
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497