Længlich: Hover effekt

Beitrag lesen

Jéndi!

a:link    { color: #FF0000; text-decoration: none}
a:visited { color: #FF0000; text-decoration: none}
a:hover   { color: #FF0000; text-decoration: none}

Hier und da soll ein Link einen anderen Hover-Effekt bekommen:

a.beispiel:link { color: #191970; text-decoration: underline; }
a.beispiel:hover { color: #191970; text-decoration: none; }
a.beispiel:visited { color: #191970;  text-decoration: none; }

ich konnte zwar beim IE keine Komplikationen feststellen, aber ist es nicht eine Doppelbelegung eines Links, könnte es dabei Probleme geben?

Keine Sorge, das ist unproblematisch. Die letztgenannten Eigenschaften überschreiben einfach die vorherigen; eine Doppelung entsteht nicht. (Das Stichwort zu der Frage, welche Selektoren stärker sind als andere, lautet Spezifizität; und wenn diese gleich ist, überschreiben die zuletzt notierten die vorigen.)

Genau genommen nutzt Du dieses Prinzip des Überschreibens schon bei den ersten Eigenschaften, denn da überschreibst Du das Default-Blau aus dem Browserstylesheet.

Viele Grüße vom Længlich

--
Mein aktueller Gruß ist:
Phorhépecha (gesprochen Michoacán [México])