Graphics Programs Reference
In-Depth Information
Unfortunately, the header's navigation links will all stay white, thanks to the higher specii c ity
of #header a , as shown in Figure 2-8.
Figure 2-8: Unattractive links in the header.
You can work around the problem by saying this:
#header a , .navlinks a { color : #257000 ;}
Or even:
#header .navlinks a , .navlinks a { color : #257000 ;}
Either way works, but they seem a little clumsy, don't they? (Not as clumsy as slamming an
!important on the .navlinks a rule, but still.) Another way to handle this situation is
to convert the id containing header to a class in the markup. So you'd have:
< div class ="header">
... where an id="header" used to be. h en you can be a lot less worried about IDs creating
specii city conl icts that are dii cult to resolve. To wit, in your site styles you have:
.header { background : black ;}
.header a { color : white ;}
h en, in your contact page's styles, you have:
.header { background : #BBB ;}
.navlinks a { color : #257000 ;}
h e end result is nice green link text, as shown in Figure 2-9.
Search WWH ::

Custom Search