Forskellige link styles

<ole>

Det kan gøres på mange forskellige måder. Hvordan det er bedst afhænger af, hvordan din kode ser ud

/mvh
</bole>

Men lad os sige jeg har en menu ude i venstre side hvor jeg gerne vil have nogle links, der er hvide og der ikke ændre farve, hverken ved mouseover eller ved active eller besøg. Resten af links'ne på siden skal bare være standard links.

Hvordan kan man gøre det?

Eksempel (om den kan valideres har jeg ikke tjekket):

a.whitelink {
font-size: 11px;
color: #fff;
font-family: verdana, helvetica, arial;
text-decoration: none;
}
a.whitelink:hover {
color: #fff;
text-decoration: none;
}

<a href="/mappe/fil.htm" onfocus="this.blur();" class="whitelink">Link</a>

Korrekt, ole? :)

-- måske nemmere at udnytte lidt cascading:

<style type="text/css">
#manu a,#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
  color:white;
  font-weight:bold;
  text-decoration:none;
}
</style>

<div id="menu" style="width:150px;float:left;background:#345;">
  <a href="etLink">Et link</a><br>
  <a href="etLink">Et link</a><br>
  <a href="etLink">Et link</a><br>
  <a href="etLink">Et link</a><br>
  <a href="etLink">Et link</a><br>
  <a href="etLink">Et link</a>
</div>
<div style="width:500px;float:left">
Her er en tekst, som indeholder et almindeligt <a href="etandetlink">link</a> og måske endnu et <a href="etandetlink">link</a>
</div>

Lukketid?