link får ikke den specificerede farve

Prøv:

------- kode -------
a:link, a:active, a:visited, a:hover {
    color: #000000;
}

Fordi :active er en pseudo-selector, som intet har med en klasse at gøre !-)

-- egentlig betyder det, at musen holdes over og trykkes ned på linket, men der er forskellige fortolknnger, bl.a. holder den mest udbredte browser et link aktivt indtil andet får fokus ...

-- hvis du vil give et link særlige egenskaber, skal du enten sætte det i et omkransende element, hvor links så kan have særlige egenskaber eller give det en klasse, og i så fald ser det sådan ud:

a.ditKlasseNavn{color:black;}

Det forstår jeg ikke helt.
Jeg bruger Drupal som CMS, og det laver en menu, som ender med at få følgende kildekode:

<div class="content">
  <ul class="menu">
    <li class="leaf"><a href="/">start</a></li>
    <li class="leaf"><a href="/menu1" class="active">Menu 1</a></li>
    <li class="leaf"><a href="/menu2">Menu 2</a></li>
</ul>
</div>

Så hvad skriver jeg konkret i .css filen, så det aktive menupunkt (her Menu 1) bliver sort?

Det virker med andre temaer. Men jeg kan ikke se, hvor menuens farver er defineret.

a.active{color:black;}

Måske:

a.active,a.active:link,a.active:visited,a.active.hover,a.active:active{color:black;}

-- men det illustrerer jo også, at det kan være svært at skille tingene ad, når man bruger betegnelser, der kan forveksles !-)

Hrm ...

a.active,a.active:link,a.active:visited,a.active:hover,a.active:active{color:black;}

Ja, det vil virke. Men på den måde får jeg netop ikke skilt tingene ad.

Jeg ønsker, at lave særlige farver for netop menuerne. Altså have standartfarver for <a> tags og så nogle særlige for menuerne. Det er muligt at give .leaf klassen særlige faver for link, visited og hover.
Men er det ikke også muligt af give en særlig særlig farve, når det endvidere klassen active er specificeret?

Jepz, kein problem, som du har vist din css i spørgsmålet, vil links, der ligger inde i et element med class="leaf", få de specificerede farver:

<style type="text/css">
.leaf a:link,
.leaf a:visited {
  color:            blue;
}
.leaf a:hover,
.leaf a:active {
  color:            black;
  text-decoration:none;
}
a:link, a:visited{color:red;text-decoration:none;}
a:hover, a:active{color:green;text-decoration:overline underline;}
</style>

<div class="leaf">
  <a href="#">Et link indenfor leaf</a><br>
  <a href="noget">Et link indenfor leaf</a>
</div>
<a href="noget">Et link udenfor leaf</a>

slut