Question

I have got an unorderlist generated programatically using code behind, The html markup is like:

<ul>
<li></li>
<li>
     <ul>
        <li></li>
        <li></li>
        <li></li>
        <li>last</li>
    </ul>
</li>
<li></li>
<li>
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li>last</li>
    </ul>
</li>
</ul>

The issue is
ul li ul li a is styled as border-bottom: solid 1px white; and I want to set border-bottom: none
for last sub li, Is it possible to find the last li using jquery and then modify the class, or
is there any better way to acheive something like this,
Thanks

Answer 1

$('ul li ul li:last-child a').css('border-bottom', 'none');

selects the last li and changes its CSS border-bottom value, this uses the :last-child selector, working example

in CSS3 you can do the following :

ul > li > ul > li:last-child a {
    border-bottom: none;
}

Working example using CSS3