Bei meiner Navigation möchte ich gerne den Button des Navigationsmenüs hervorheben, auf der Seite, wo ich gerade bin.
Das soll dem Besucher eine Erleichterung sein, damit er besser sieht, wo er gerade ist.
Das Menü existiert als ul folgendermaßen:
<div id="navigation">
<ul>
<li> <a id="navi01" href="index.html">Startseite</a></li>
<li> <a id="navi02" href="informationen.html">Informationen</a></li>
<li> <a id="navi03" href="impressum.html">Impressum</a></li>
</ul>
</div>
Im CSS habe ich:
#navigation a:current {
background-color: red;
}
Mit a:active habe ich es schon ausprobiert, aber damit bleibt die Farbänderung nur solange, wie ich mit der Maus drüber bin.
Mit a:current passiert gar nichts.
Was habe ich übersehen?