Question

Here is the jQuery code:

$('.top:last-child').css({'color':'red'});

To prove that the selector works I tried:

$('.top:last-child').hide();

And it was working.

Here is the html code

<table class="topMenu" cellpadding="0" cellspacing="0"><tr><td class="top"  id="tm_active" >
    <a href="http://www.********/member.php"   class="top_link"><span class="down" style="font-weight:normal;">Startpagina</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.******/"   class="top_link"><span class="down" style="font-weight:normal;">Mijn Profiel</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.******/search.php?show=match"   class="top_link"><span class="down" >Matches</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.*******/mail.php?mode=inbox"   class="top_link"><span class="down" style="font-weight:normal;">Berichten</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.**********//"   class="top_link"><span class="down" >`</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;">  <!--[if lte IE 6]><table id="mmm"><tr><td><![endif]-->

    <!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
</td></tr></table>

It works perfectly over Firefox and Opera.
Issue : remains but solved with a work around

Answer 1

For this issue you use in css code and dont use jquery

.top:last-child{
  color:red;
}

best regards