Using multiple link colours

[plznty]

I have a website and on the navigation at the top the link font colours are white "#FFFFFF"

and below they i want links to display as black "#000000" how can i have 2 different coloured links on a single page?

[vinpkl]

a.white{
color:#ffffff;
}
a.white:hover{
color:#ffffff;
}

a.black{
color:#000000;
}
a.black:hover{
color:#000000;
}
------------------------
html
<a href="#" class="white">hello</a>

<a href="#" class="black">hello</a>

 

vineet

 

[plznty]

a.white{
color:#ffffff;
}
a.white:hover{
color:#ffffff;
}

a.black{
color:#000000;
}
a.black:hover{
color:#000000;
}
------------------------
html
<a href="#" class="white">hello</a>

<a href="#" class="black">hello</a>

 

vineet

You are a god, thanks

[emopoops]

if u have links specififed a certain color aka a:link the class doesnt change them to a different color. it only changes the hover.

i just tested

<style>
a.white{
color:#ffffff;
}
a.white:hover{
color:#aaaaaa;
}
a:link, a:active, a:visited{color:red}
a:hover{color:deeppink}

</style>
hi whats up
<a class="white" href="#">this should be white</a>
<a href="#">this be red</a>

 

both links were RED but the hovers where different