Links in CSS

[Geltos]

Momentan habe ich die Linkformation in meiner CSS Datei so:

a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black}
a:hover {text-decoration: underline overline; color: #475159}
a:active {text-decoration: underline overline; color: #475159}

jetzt will ich aber, dass ein bestimmter bereich andere Linksformationen hat. Ich habe es mit

.formation {
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black}
a:hover {text-decoration: underline overline; color: #475159}
a:active {text-decoration: underline overline; color: #475159} }

ausprobiert, dies funktioniert allerdings nicht (ich denke weil zu viele {} klammern vorhanden sind). Wie geht es anders?

 

[streetskater]

.link1:hover { ... }

<a href="#" class="link1">..</a>

 

[Geltos]

Und wie geht es jetzt, dass hover, visited, link und aktive alle .link1 zugewiesen sind?

 

[w7]

vor jedes .[Klassenname]:hover
.[Klassenname]:active

usw.

 

[dementius]

Oder einfach

a.class1:link, a.class1:visited, a.class1:focus {     }

'dementius

 

[GREEndestiny]

Und noch was:

a.formation:link, a.formation:visited {text-decoration: none; color: black;}
a.formation:hover, a.formation:active {text-decoration: underline overline; color: #475159;}