You could use also css3 selector :last-child (ie<9 and safari<3.2 doesn't
support it)
For example, in your css file add:
.menu ul li:last-child /*in this way ul.menu direct <li> children are
bypassed*/
{/* apply your rules, for example: */
color: red;
background-color: yellow;
}
Il giorno domenica 2 dicembre 2012 11:18:51 UTC+1, Calycé ha scritto:
>
> Hi all,
>
> I'm rendering a menu with the following line of code:
>
> <nav>
> <div id="menu-icon">Menu</div>
> {{=MENU <https://cgc.yedia.com/examples/global/vars/MENU>(response
> <https://cgc.yedia.com/examples/global/vars/response>.menu, _class='menu
> responsive-menu', ul_class=None, li_class=None, li_active='current')}}
> </nav>
>
>
> It's working well except that I would like to set a different li_class for
> the last item of a menu.
> Is there a way to do that with the helper or do I have to use a different
> approach (jQuery?).
>
> Thanks for your help.
>
>
>
--