CSS Links in anderer Farbe

[ntloader]

Hi,

ich habe eine Frage wie ich folgendes mit CSS erreichen kann.

Meine Links auf der Seite sind alle grün und werden unterstrichen, sobald man mit der Maus darüber fährt. Den Code, welchen ich dazu verwende ist der folgende:

a {
	text-decoration: none;
	color: #00FF00;
}
a:visited {
	text-decoration: none;
	color: #00FF00;
}
a:active {
	text-decoration: none;
	color: #00FF00;
}
a:hover {
	text-decoration: underline;
	color: #00FF00;
}

Jetzt möchte ich aber, dass nicht überall auf der Seite die Links grün sind. Ich möchte jetzt auch in einem bestimmten abschnitt der Seite Links einsetzen die weiss sind und unterstichen werden, wenn man mit der Maus darüber fährt. Wie erreiche ich das ?

 

[Mr. Snoot]

Das geht z.B. mit Klassen.

Dazu schreibst du in den CSS-Angaben folgendes:

a.klasse1:hover { Angaben für Link 1 }
a.klasse2:hover { Angaben für Link 2 }

Und bei den Links im HTML-Teil

<a class="klasse1">...</a>

<a class="klasse2">...</a>

Theoretisch ginge es auch noch anders, habe das hier schon einmal geschrieben: https://www.computerbase.de/forum/threads/css-linkfarbe-fuer-einzelne-bereiche.227804/