Hi I have a simple menu list like this:
<div id="topmenu">
<ul>
<li><a href="#"><strong>Home</strong></a></li>
<li><a href="#"><strong>Route</strong></a></li>
<li><a href="#"><strong>Donations</strong></a></li>
<li><a href="#"><strong>Photo Gallery</strong></a></li>
<li><a href="#"><strong>Video Gallery</strong></a></li>
<li><a href="#"><strong>Flight Diary</strong></a></li>
<li class="last"><a href="#"><strong>Contact Us</strong></a></li>
</ul>
</div>
The css for the li is this:
#topmenu li {
float: left;
list-style: none;
display: inline;
margin: 0;
padding: 0 40px 3px 10px;
}
I want the last item the contact us link to have different padding so
i added this to the style sheet:
.last {
padding: 0 10px 3px 10px;
}
But its obviously not specific enough.
How do i target that specific link. It has to be css that is supported
by older browsers.
Thanks
Lisa
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
