different style links

hey,

I was just wondering how you would make a multi-style links. meaning i'd like to have a different :active, :link, :visited, :hover in one area and another style in one area??

I saw an example of that here but i can't find it! :(

It looked something like

#link1:active { color:green; text-decoration: none; ...etc }

or

#link1:active, link1:hover { color:green; text-decoration: none; ...etc }

any help would be appreciated :thumbsup:

You can do it using classes:

a.style1:hover{color: #003}
a.style2:hover{color: #030}

<a class="style1" href="http://">link</a>
<a class="style2" href="http://">link</a>

...thx a bunch!!:D :p

or you can give a div a class and it will affect all the links within that div


<style>
.div1 a:link {color: #ff0000}
.div1 a:visited {color: #0000ff}
.div1 a:hover {background: #66ff66}
</style>

<div class="div1">
Your links here
</div>