Axel Richter: Pseudoklassen 'a:visited' & 'a:hover'

Beitrag lesen

Hallo,

Folgende CSS-Anweisung:

.menue a:link, .menue a:active, .menue a:visited {
 color: #FFFFFF;
 text-decoration: none;
}
.menue a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

Und nun die generelle Frage:

Warum wird 'a:hover' immer von 'a:visited' übertrumpft? I.e., warum wird ein bereits besuchter Link (für den also 'a:visited' gilt) nie mehr wieder mit 'a:hover' formatiert (ausgenommen, der Browser kategorisiert den Link nicht mehr als 'visited')?

Das kann ich nicht nachvollziehen. Bei welchem Browser soll das auftreten? Wie sieht das HTML dazu aus?

So geht's jedenfalls:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hover</title>
<style type="text/css">
<!--
.menue a:link, .menue a:active, .menue a:visited {
 color: #000;
 text-decoration: none;
}
.menue a:hover {
 color: #00AEAD;
 text-decoration: underline;
}
-->
</style>
</head>
<body>
<div class="menue">
<a href="#">Testlink</a>
<a href="test04.html">Testlink</a>
<a href="#">Testlink</a>
<a href="#">Testlink</a>
</div>
</body>
</html>

viele Grüße

Axel