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
;}
51
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