[CSS] überschneidung von hover- und visited-eigenschaften

[Hrafnar Antønsson]

ich hab im css folgende eigenschaften angegeben:

link: color: #000000 (schwarz)
hover: color: #FFFFFF (weiß) , background-color: #000000 (schwarz)
visited: color: #FFFFFF
active: color: #000000

das heißt im klartext, dass der hover den link weiß mit schwarzem hintergrund darstellt. bei bereits besuchten links wird der hover-hintergrund zwar dargestellt, aber die textfarbe ist die visited-farbe. deswegen sieht man nix (schwarzer hintergrund, schwarzer text). wie stell ichs an, dass für einen besuchten link auch die hover-textfarbe angenommen wird.

hier der komplette css-code:

a.tab:link {
font-size: 10px;
color: #000000;
text-decoration: none;}

a.tab:hover {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
background-color: #000000;}

a.tab:visited {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;}

a.tab:active {
font-size: 10px;
color: #000000;
text-decoration: none;}

[Sweil]

SELFHTML schreibt:

Beachten Sie:

Um die meist gewünschte Darstellung dieser Pseudoklassen zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten:
:link, :visited, :hover, :active, :focus.


liegt daran, dass das ganze von oben "abgearbeitet" wird.

Bsp:

link: liegt ein link vor? => rot; kein hintergurnd
visited: wurde er besucht? => blau; kein hintergurnd
hover: maus drüber? =>blaßblau kariert und roter hintergrund

wenn du jetzt zeile 2 und 3 vertauschst bleibt der rote hintergrund noch drin

[Hrafnar Antønsson]

aha, jetzt klappts, danke. ich hab gar nicht gewusst, dass die reihenfolge überhaupt eine rolle spielt.
was genau macht :focus ?

[Sweil]

gibt die design eigenschaft/en von markierten links beim "durchzappen" per tastatur an.
wenn es nicht definiert ist sieht man (zumnidest beim firefox) ein gepunktetes rechteck drum herum

[Hrafnar Antønsson]

mit der tab-taste, oder? hab ich mir schon gedacht.
danke jedenfalls.

[Sweil]

ja mit der Tab-Taste