olika länkar med olika active och hover

Jag skulle vilja styra utseendet på alla mina länkar med css. Jag har dock ett problem. Eftersom min bakgrund består av olika färger kan jag inte ha samma färg på alla länkar eftersom de då inte skulle synas mot bakgrunden.

exeplelvis vill jag att vissa länkar skall se ut såhär:

A:link { text-decoration: none; color: blue}
A:active { text-decoration: none; color: blue}
A:visited { text-decoration: none; color: blue}
A:hover { text-decoration: none; color: red}

och andra såhär

A:link { text-decoration: none; color: red}
A:active { text-decoration: none; color: red}
A:visited { text-decoration: none; color: red}
A:hover { text-decoration: none; color: blue}

går detta att lösa på något vis..

väldigt tacksam för hjälp.

Du får använda class i dina länkar t.ex såhär:

CSS-koden:

A.typ1:link { text-decoration: none; color: blue} 
A.typ1:visited { text-decoration: none; color: blue} 
A.typ1:hover { text-decoration: none; color: red}
A.typ1:active { text-decoration: none; color: blue} 

A.typ2:link { text-decoration: none; color: red} 
A.typ2:visited { text-decoration: none; color: red} 
A.typ2:hover { text-decoration: none; color: blue} 
A.typ2:active { text-decoration: none; color: red}

Och sedan två länkar med olika utseende:

<a href="sida1.html" class="typ1">Blå länk</a>
<a href="sida2.html" class="typ2">Röd länk</a>

tack så jättemycket.. har slitet för att komma på hur jag ska göra !!!