Seite 1 von 1

2 verschiedene Link-Klassen

Verfasst: 12.08.2005, 12:50
von 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.

Verfasst:
von

Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Re: 2 verschiedene Link-Klassen

Verfasst: 12.08.2005, 13:03
von robo
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 :)

2 verschiedene Link-Klassen

Verfasst: 12.08.2005, 13:07
von mcchaos
Ah, SO ist es richtig :idea: :idea: :idea: :idea: :D

Danke!

Verfasst:
von

Verfasst: 12.08.2005, 15:58
von 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. :wink: