Ramonabeez
Sep 7, 2003, 08:20 PM
I am working on a set of stylesheets for a program which utilizes links to different classes. I would like to have a different color for each link that leads to a different class on the stylesheet; However, I have not been able to specify different colors for each type of link. Does anyone know if this is possible? If so, how is it done? Thanks
coreybryant
Sep 8, 2003, 04:02 AM
It would be something like this:
a.subnav
{
Font-family: Verdana, Arial, Helvetica, sans-serif;
Font-size:11px;
Font-weight: normal;
Color: #0000FF;
Text-decoration: underline
}
a:visited.subnav
{
Font-family: Verdana, Arial, Helvetica, sans-serif;
Font-size: 11px;
Font-weight: normal;
Color: #0000FF;
Text-decoration: underline
}
a:hover.subnav
{
Font-family: Verdana, Arial, Helvetica, sans-serif;
Font-size: 11px;
Font-weight: normal;
Color: #FF0000;
Text-decoration: none
}
a:active.subnav
{
Font-family: Verdana, Arial, Helvetica, sans-serif;
Font-size: 11px;
Font-weight: normal;
Color: #0000FF;
Text-decoration: underline
}
To read more about Pseudo Classes & to test them:
http://www.w3schools.com/css/css_pseudo_classes.asp
Ramonabeez
Sep 11, 2003, 08:18 PM
Corey, you are brilliant! Thank you for your help!
coreybryant
Sep 11, 2003, 08:20 PM
You're welcome! When you get the chance, check out:
http://www.w3schools.com/css/