On Feb 28, 2012, at 8:23 PM, Lisa Frost wrote:
> 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>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
> ______________________________________________________________________
Have you tried:
#topmenu .last {padding: 0 10px 3px 10px;}
Rory
______________________________________________________________________
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/
