EDIT: Also Sobald eine neue Seite geladen wird, verschwindet der "style" wieder. Wenn ich auf der Seite bleibe und nur mit # nach oben scroll, funktioniert es..
Um das zu erreichen würde ich einfach mit php, in der aufgerufenen Seite eine Klasse, oder eine id im html-Tag setzen. Sollten die Seiten dynamisch, also in der selben php-Datei gerendert werden, kannst du zur Not auch mit GET oder POST übergeben.
Wenn du getrennte Seiten hast:
- in der calendar.php setzt du <html id="calendar">
- dein link braucht eine Klasse, oder id <a class="calendar-link" href="calendar.php">
und sprichst dann denn link folgendermaßen über css an:
#calendar .calendar-link{
color: red;
}
Wenn du alles über eine php-Datei machst kannst du die einsprechenden Parameter auch per GET übergeben. Z.B. so:
<a class="calendar-link" href="index.php?v=calendar">
<html id="<?php echo htmlspecialchars($_GET["v"]); ?> ">
Eine dritte Möglichkeit wäre auch noch, dass du, wiederum per php den a-Tags eine Klasse "active" zuweist, wenn die entsprechende Seite geladen wird.
Ich hoffe das Prinzip hab' ich außreichend deutlich erklärt.
lg mark