Aktive Seite im Include Menü verändern

[suit]

Hallo zusammen,
ich hab schon gesucht aber vielleicht drück ich mich ja falsch aus.

Ich habe auf eine Website das Menü mit Includes eingebunden. Gibt es da eine Möglichkeit, die jeweils aktive Seite im Menü farblich mit CSS zu ändern?

Unterscheide zwischen einem aktiv und derzeitig.

Aktive Links lassen sich mit der Pseudoklasse :active selektieren, das ist aber nicht das was du möchest. Du willst den derzeitigen Menüpunkt markieren.

Oder falls nicht, was wäre denn die W3C Conformste Art und Weise dies zu lösen.

Die beste Lösung ist, den Link einfach wegzulassen (nicht auf die derzeitige Seite verlinken). Dadurch ist der Menüpunkt eindeutig von den anderen unterscheidbar.

Die nächstschlechtere Lösung ist, das a-Element durch ein span-Element zu ersetzen - dadurch ist er ebenfalls nicht verlinkt aber durch das zusätzliche Element auch in unfähigen Browser genauso formatierbar.

Die schlechteste, aber leider übliche Lösung ist es dem derzeitigen Menüpunkt eine Klasse zu verpassen. Namentlich "cur" oder "current".

Ab jetzt wirds haarsträubend ;)

Eine Weiter Lösung ist es, das den Menüpunkt dessen href-Attribut sich mit der aktuellen Location deckt anders zu kennzeichnen. Das hat aber den Nachteil, dass es nicht in Browsern funktioniert die keinen Attributselektor kennen und den Nachteil, dass man jede potentielle Ressource im CSS erfassen muss - was auch nicht sinn der Sache ist.