Question

这是jQuery代码：

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

为了证明选择器有效，我试过了：

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

它正在发挥作用。

这是html代码

<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>

它完全适用于Firefox和Opera。问题：仍然可以通过解决方案解决

Answer 1

所有版本的ie都不支持“：last-child”-selector。尝试使用“.last（）”方法：

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

Answer 2

对于此问题，您在css代码中使用，不要使用jquery

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

最好的问候

无法在IE中使用jQuery设置CSS

2 个答案: