2 verschiedene Link-Klassen

Beitrag von mcchaos » 12.08.2005, 12:50

Beitrag von robo » 12.08.2005, 13:03

mcchaos hat geschrieben: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

Beitrag von mcchaos » 12.08.2005, 13:07

Ah, SO ist es richtig

Danke!

Beitrag von rocker » 12.08.2005, 15:58

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.