Troll: Links mit CSS und Hover Effekte

Beitrag lesen

SELF-Forum

Links mit CSS und Hover Effekte

Troll
– Informationen zu den Bewertungsregeln

Hi,

ich möchte mehrere Hover Effekte für unterschiedliche Links einbauen. Einige Details wie z.B. Schriftgröße und Schriftart wiederholen sich in jedem Link.

a:link    { font-family: Courier, Comic Sans MS, font -size: 12pt; }
a:hover   { font-family: Courier, Comic Sans MS, font -size: 12pt; }
a:visited { font-family: Courier, Comic Sans MS, font -size: 12pt; }

kann ich nicht nutzen weil diese bereits anderweitig vergeben sind. Soll dann in etwa so aussehen:

a.links1:link { font-family: Verdana, Arial; font-size: 12pt; color: #CC33FF; text-decoration: underline; }
a.links1:hover { font-family: Verdana, Arial; font -size: 12pt; color: #008000; text-decoration: none; }
a.links1:visited { font-family: Verdana, Arial; font -size: 12pt; color: #CC33FF; text-decoration: none; }

a.links2:link { font-family: Verdana, Arial; font -size: 12pt; color: #FF00FF; text-decoration: none; }
a.links2:hover { font-family: Verdana, Arial; font -size: 12pt; color: #FF0000; text-decoration: none; }
a.links2:visited { font-family: Verdana, Arial; font -size: 12pt; color: # FF00FF; text-decoration: none; }

a.links3:link { font-family: Verdana, Arial; font -size: 12pt; color: #00FFFF; text-decoration: none; }
a.links3:hover { font-family: Verdana, Arial; font -size: 12pt; color: #FFAAFF; text-decoration: underline;}
a.links3:visited { font-family: Verdana, Arial; font -size: 12pt; color: #00FFFF; text-decoration: none; }

Kann man irgendwie sich wiederholende Eigenschaften in links1 bis links3 zusammenfassen?

Beitrag melden
–
Informationen zu den Bewertungsregeln