Click to See Complete Forum and Search --> : [RESOLVED] Isolate and define seperate a: pseudo-class


CascadingIdiot
04-04-2008, 03:03 PM
Please see code from this (http://www.freelanceviking.com/site.html)page (css embedded):

I'm having trouble isolating the links in my #nav from the links in #foot.
Beyond that I'm not sure what else to say. I want to be able to control each individually, I've tried higher specificity (or so I think), and I must be doing it wrong. Any help would be appreciated.

Thanks

WebJoel
04-04-2008, 03:25 PM
#nav a:link {
color:#CC0000;
#nav a:visited {
color:#0099CC;
}
#nav a:hover {
color:#FFCC00
}

#footer a:link {
color:#??????;
}
#footer a:visited {
color:#??????;
}
#footer a:hover {
color:#??????
}

Or, if the footer anchors are to NOT change at all, just this:



a {color:black;}
#nav a:link {
color:#CC0000;
#nav a:visited {
color:#0099CC;
}
#nav a:hover {
color:#FFCC00
} psuedo-classes are used where the states are expected to 'change'. A "a {....}" will remain the same.

CascadingIdiot
04-04-2008, 09:54 PM
Thanks WebJoel, I was making it harder than it needed it to be.