✔ Anfängerfrage zum Rollover im CSS.

[kverbar]

Hallo Ihr Lieben,

ich komme einfach nicht auf den grünen Zweig.
Folgendes:

Ich habe einen Header mit Links
und einen Footer mit Links.
Beide sollen unterschiedlich formatiert werden:

So sieht mein CSS Stylesheet gerade aus:

a.header {
font-family:Trebuchet MS;
font-weight:bold;
font-size:16px;
color:#5a3c1a;
padding-left:10px;
padding-right:10px;

}
a.footer {
color:#febf00;
text-decoration:none;
font-weight: bold;
cursorointer;
}
a:hover {
color:#5a3c1a;
}
a:active {
color:#febf00;
}


Nun ist es aber so das ich nur das a:hover für einen rollover kenne bzw. nur das a:active für einen aktivierten Link, nur wenn ich das so in das CSS schreibe dann werden ALLE Links formatiert.
Ich möchte aber das die Header Links beim aktivieren NICHT Gelb werden sondern nur die Footer Links.

Was für einen Befehl muss ich denn nun in mein a.header schreiben damit ich für die Aktivierten Header Links eine andere Farbe einsetzen kann?


Vielen Dank für eure Hilfe.

Grüße,
Katja.

 

[Maik]

Hi,

gib vor den Pseudoklassen den Klassennamen an:

a.header:active { /* gilt nur für die Links im Header */
color:f00ff00;
}
a.footer:active { /* gilt nur für die Links im Footer */
color:#febf00;
}

mfg Maik

 

[kverbar]

Ohja, klar. Ganz einfach und logisch.
VIELEN DANK