Thema: Linkfarbe des aktiven Menüpunktes

Hallo,

ich habe folgendens Problem.
Ich möchte die Linkfarbe des aktiven Menüpunkts mit CSS definieren.
Die background color funktionier wunderbar doch mit color habe ich meine schwierigkeiten diese ändert sich leider nicht.



Ausschnitt css Datei:

Code:

ul#mainlevel {
 
  margin: 0;
  padding: 0;
  padding-top:0px;
}

ul#mainlevel li {
 
  display: inline; /* Shows each item side-by-side */
  list-style-type: none; /* Gets rid of the bullet points */
 
}
 
ul#mainlevel a {
 
  display: block;
  float: left;
  padding:10px; /* Provides horizontal separation between menu items */
  color:#FFF;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
 
}

ul#mainlevel a:hover {
	color:#000;
	background-color:#ccc;
 
}

a#active_menu {
	color:#000;
	background-color:#ccc;
	
	}

Freue mich über eure Hilfe!

Vielen Dank!!

active ist eine Klasse und keine ID!

Folglich

Code:

a.active_menu {
	color:#000;
	background-color:#ccc;
}

/edit: Sehe gerade, Seite hat Template Overides.
Löse das Problem folgendermaßen:

Code:

a#active_menu {
	color:#000 !important;
	background-color:#ccc;
}

Gruß

ein !important stellt sich über andere Selektoren drüber.

Und da du auch noch ul#mainlevel a definiert hast und dieses durch das ul#mainlevel davor eine höhere Gewichtung bekommen hat, wurde dieses benutzt.

Ein Link dazu:
http://www.peterkropff.de/site/css/gewichtung.htm

Hab letztens noch einen besseren gesehen, finde ihn z.Z. jedoch nicht.