What if you have a page with several navigation areas?
You probably want the links in other areas of your page to have different fonts, colors, etc. than the links in the main nav. You do that by creating very specific, targeted sets of pseudoclass selectors for each navigation area. These targeted selectors will override the default selectors.
For example, see the list below. These selectors target only the links inside the #sidebar div.
#sidebar a:link {color:#FFCCCC;} #sidebar a:visited {color: #FFCCCC;} #sidebar a:hover {color: magenta;} #sidebar a:active {color: red;}
Note that these selectors style only the links inside the #sidebar div. To style the div itself, you make another selector, one that looks something like this.
#sidebar { width: 150px; height: 500px; margin: 0px; position: absolute; left: 0px; top: 110px; }