css link styling

Is it possible to style a link in css to show a different color when you are on the page that corresponsa to that link?

You can do this manually by setting up a class such as .here with a different appearance for the <a> tag. You would have to assign that class in HTML to the appropriate line on each page.


You can do it semi-automatically by giving each page container (or body tag) its own class or id, and each menu <a> tag its own class, then using something like:


.myPage a.myPagelink { ... }


This allows you to use standard nav code in your template while retaining the special "You Are Here" styling.