Ja, dass die Developertools vom IE mist sind, weiß ich wohl, deswegen hab ich ja noch FF mit Firebug. Ich wusste nur nicht, wie man sich das css spezifisch zu dem html anzeigen lassen kann.
Die Konsole vom Firebug meldet nur Fehler wegen Passwörtern auf unsicheren Seiten.
html:
<li class="aktiv">


css dazu:
#menue li {
display: block;
float: left;
}
.aktiv {
background-color: white;
color: black !important;
text-decoration: none;
}
#menue {
font-size: 40px;
}

html:
<a href="index.php?id=12"> Home |</a>

css dazu:

#menue a:link, #menue a:visited {
color: white;
text-decoration: none;
}
.aktiv {
color: black !important;
}
#menue {
font-size: 40px;
}

hier liegt doch der Hund begraben. Das a tag wird extra gerendert oder wie seht ihr das?

Firebug ist nicht notwendig, du hast auch ohne mit der Webkonsole ein mächtiges Debugging Werkzeug. Du kannst im Firefox auf ein beliebiges Element der Seite gehen und dann im Kontextmenü "Element untersuchen" auswählen. Das dürfte helfen.

Der übrigens bei mir genau wie erwartet funktioniert. Du zeigst uns nicht das was im Browser ankommt.

Nachtrag: Tut mir leid, das stimmt nicht. Da war ich zu voreilig.

Ja, du musst die Klasse dem Link zuweisen

Danke, ich fürchte nur, dass ist in typoscript nicht so einfach möglich.
kann ich in css irgendwie definieren, dass sich alle <a> tags innerhalb der <li class="aktiv"> tags gleich verhalten?
so in etwa so:

.aktiv:a
{
Color:black;
}

gibt es die Möglichkeit in css?

Versuch mal .aktiv a

Das hat zwar funktioniert mit .aktiv a
aber nun ist seltsamerweise der Punkt 1.2 auch mit "markiert", wenn 1.1 die aktive Seite ist.
Was ist denn da jetzt passiert?

Vielen Dank.

Das liegt daran, dass der Selektor alle Links in einem LI Element anspricht, auch wenn diese weit darunter liegen. Die einfachste Lösung ist der Kindselektor '>'

Das hat geklappt.
Vielen Dank!