I want to take it step farther and have the sub-tab also be
highlighted based on an additional body class.
I can't get the color to change and this rule doesn't seem to be
working. Any ideas about what I'm doing wrong?
Here's some sample code:
body.section-2 benefits ul#menu li#nav-2 ul#subnav-2 li#benefits a {
color: white;
}
<body class="section-2 benefits">
<ul id="menu">
<li id="nav-1"><a href="/static/main.html">Home</a></li>
<li id="nav-2"><a href="/index.html">Customer Connect</a>
<ul id="subnav-2">
<li id="overview" class="subfirst"><a
href="/index.html">Overview</a></li>
<li id="benefits"><a
href="/benefits.html">Benefits</a></li>
<li id="features"><a
href="/features.html">Features</a></li>
<li id="components"><a
href="/components.html">Components</a></li>
<li id="buy"><a href="/buy.html">Buy</a></li>
<li id="more"><a href="/more.html">Tell Me
More</a></li>
<li id="testimonials"><a
href="/testimonials.html">Testimonials</a></li>
<li id="questions" class="sublast"><a
href="/questions.html">Questions</a></li>
</ul>
</li>
<li id="nav-3"><a href="/about.html">About Us</a></li>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
