:visited zweimal benutzt

[Jörg Wirtgen]

Hi!

Ich will a:visited zuerst global für einen Bereich anders setzen, und danach für einen speziellen Bereich noch anders. Doch seltsamerweise wird bei der zweiten Umdefinierung zwar die Background-Farbe geändert, nicht aber die Schriftfarbe. Wisst ihr Rat?

Die CSS-Stelle sieht etwa so aus:

/* global */
#col2 a:link {color:black; text-decoration:none;}
#col2 a:visited {color:#888; text-decoration:none;}
#col2 a:hover {color:#00f; text-decoration:underline;}
...
.blogtext a:visited {color:black; background:red;}

und im HTML:
<div class="#col2">
... (hier Links mit visited=grau, wie gewünscht)
<div class="blogtext">
... (hier sind die visited-Links immer noch grau, aber mit rotem Hintergrund?!)
</div></div>

Lustigerweise tritt das bei Opera, IE und Firefox auf, sodass es wohl daran liegt, dass ich beim CSS was nicht richtig verstanden habe :-) Warum übernimmt er die Hintergrundfarbe, aber nicht die Schriftfarbe?

Was ich bisher ausprobiert habe, ohne dass es hilft:

• :link, :hover unten neu definieren
• :active, :focus auch definieren
• die zweite Definition weiter oben vor der :hover-Definition notieren