
FIGURE 15-12
The #listnav a:hover style governs the rollover appearance.
The final style is applied to whatever link represents the current page. As such, it’s an exact duplicate
of the style just created for
#listnav a:hover, which makes it a breeze to create. Follow these steps:
1. In the CSS Styles panel, right-click (Control+click) the #listnav a:hover style and
choose Duplicate from the context menu.
2. In the Duplicate CSS Rule dialog box, enter #sellistnav a:link, #sellistnav a:visited,
#sellist a:hover in the Selector field.
3. When you’re finished, click OK to close the dialog.
The style you just created is really the only one that you must apply, and you take care of that last
detail in the following section.
Step 4: Applying the CSS
Because of the way the CSS is written—and the fact that the containing <div> tag was assigned a
CSS class from the beginning—almost all the styles are automatically applied. The only one left is
the style that makes the current link appear selected.
82523c15.indd 609 2/19/09 9:13:30 AM