6.14 Kontextmenüs
Problem
Ein mit „6.7 Rollover-Effekte ohne JavaScript“ erzeugtes Navigationsmenü (siehe Abbildung 6-23) soll so verändert werden, dass die gegenwärtige Seite im Menü hervorgehoben wird.
Abbildung 6-23. Die Navigationsliste ohne Hervorhebung der aktuellen Seite
Lösung
Versehen Sie das body
-Element mit einem id
-Attribut:
<body id="pagespk">
Zusätzlich versehen Sie auch die Anker-Elemente mit eigenen id
-Attributen:
<div id="navsite"> <h5>Navigationsmenü:</h5> <ul> <li><a href="/"id="linkhom"
>Startseite</a></li> <li><a href="/about/"id="linkabt"
>über uns</a></li> <li><a href="/archives/"id="linkarh"
>Archive</a></li> <li><a href="/writing/" ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.