Use CSS to Ensure Common Navigation HTML on Every Page
This tip was developed (or at least described by) Trenton Moss on the ITWALES.com site. I reproduce the essential elements of only one of the ten tips that he writes about. Please visit itwales.com to see all ten.
Add a class to each navigation item:
<ul>
<li><a href="#" class="home">Home</a></li>
<li><a href="#" class="about">About us</a></li>
<li><a href="#" class="contact">Contact us</a></li>
</ul>
Then insert an id into the <body> tag that indicates which are it represents. For example, When in ‘Home’ it should read <body id=”home”>. Now create a CSS rule:
#home .home, #about .about, #contact .contact {
commands for highlighted navigation go here
}