2 verschiedene Link-Klassen

[mcchaos]

Hallo!

Ich habe bei einem Projekt im css-stylssheet das Aussehen von Link definiert (kennt ja vermutlich jeder):
A:link {color:#000000; text-decoration:none}
A:visited {color:#000000; text-decoration:none}
A:hover {color:#FF0000; text-decoration:underline}
A:active {color:#FF0000; text-decoration:none}

Nun würde ich aber gerne ein paar besondere Links anders machen als oben, die restlichen Links aber so lassen. Wie mache ich das? Setze ich einen Style oder eine Klasse in einen <A HREF..., werden aber doch die Werte aus dem Stylesheet genommen.

[robo]

Ich habe bei einem Projekt im css-stylssheet das Aussehen von Link definiert (kennt ja vermutlich jeder):
A:link {color:#000000; text-decoration:none}
A:visited {color:#000000; text-decoration:none}
A:hover {color:#FF0000; text-decoration:underline}
A:active {color:#FF0000; text-decoration:none}

Nun würde ich aber gerne ein paar besondere Links anders machen als oben, die restlichen Links aber so lassen. Wie mache ich das? Setze ich einen Style oder eine Klasse in einen <A HREF..., werden aber doch die Werte aus dem Stylesheet genommen.

Tja ... musst es halt richtig machen:

A.anders:link {color:#000000; text-decoration:none}
A.anders:visited {color:#000000; text-decoration:none}
A.anders:hover {color:#FF0000; text-decoration:underline}
A.anders:active {color:#FF0000; text-decoration:none}

<a class="anders" href=...

cu, Robo

[mcchaos]

Ah, SO ist es richtig

Danke!

[rocker]

Hallo,

ich benutze dafür lieber ein äußeres Element.
Z.B.:
#menue a:link {color:#000000; text-decoration:none;}
#menue a:visited {color:#000000; text-decoration:none;}
#menue a:hover {color:#FF0000; text-decoration:underline;}
#menue a:active {color:#FF0000; text-decoration:none;}

Dann Muß im Quelltext nur einmal
<div id="menue">
hier die Links
</div>

geschrieben werden.

Vor der Geschweiften Klammer zu muß natürlich ein Semikolon.