Anschinsan: unterschiedliche "hover" mit CSS

Beitrag lesen

Hallo, mein Vorschlag:

/* Es gibt sicher eine Erklärung, warum es so funktioniert und bei einzelner festlegung nicht immer geht - aber ich weiß sie leider nicht ;-) */

a:link, a:visited, a:active, a:hover
{
 color: blue;
 text-decoration: none;
 font-weight: 550;
}

a:visited {color:purple;}
a:active {color:blue;}
a:hover {color:red; text-dcoration:underline;}

/* Die Reihenfolge spielt bei der Link Definition in CSS eine Rolle - genaueres kannst du nachlesen in http://www.css4you.de/ - Sehr empfehlenswert!*/

/* Wenn du die folgenden Links so stylest, sind automatisch alle Links im Div Container .navigation in dieser Erscheinungsform, das ist recht praktisch:*/

.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover
{
 color: blue;
 text-decoration: none;
 font-weight: 550;
}

.navigation a:visited {color:purple;}
.navigation a:hover {color:red; text-dcoration:underline;}
.navigation a:active {color:blue;}

... Dir ist sicher aufgefallen, dass ich mir die Arbeit gespart habe, alle deine styles zu kopieren - das Prinzip ist aber glaub ich ersichtlich... Dein Stylesheet wird so auch kürzer und einfacher zu warten.

mfg

Anschinsan