Forskellige linkfarver på samme side

http://schaefner.dk/files/temp/exp/315701.html

<style type="text/css">
/**
* Default link-style
**/
a {
    font: 11px verdana,helvetica,arial,sans-serif;
    text-decoration: underline;
    color: blue;
}
a:hover {
    text-decoration: none;
    color: purple;
}

/**
* Hot link-style
**/
a.hot {
    font: bold 14px "courier new",courier,monospace;
    text-decoration: none;
    color: red;
}
a.hot:hover {
    text-decoration: underline;
    color: black;
}
</style>

<a href="#">Almindelige links</a><br>
<a href="#">Almindelige links</a>

<br>
<br>
<a href="#" class="hot">Et vildt link</a>

Med venlig hilsen
Jesper Sørensen

Første forklaring var god nok til mig. Jeg bukker og takker :-)

Afhængig af behov, vil man ofte kunne benytte sig css-cascading (c'et i css !-), og derved få en noget pænere kode, f.eks. sådan:

<style type="text/css">
.menu a,.menu a:visited{color:green;}
.menu a:hover,.menu a:active{color:red;}
</style>

<a href="#">Almindeligt link</a><br>

<div class="menu" id="minMenu">
  <a href="#">Menulink 1</a><br>
  <a href="#">Menulink 2</a><br>
  <a href="#">Menulink 3</a><br>
</div>

Jeg skal bruge det i et forum. Derfor bruger jeg den første ide med class.

Og jeg kan også sagtens forestille mig situationer, hvor det er bedst med individuelle klasser, men i langt de fleste tilfælde er cascading det rigtigste og pæneste !-)