选项卡中的 CSS - 最后 TR TD

Question

<table id="tab">

<tr> <td>11</td> <td>22</td> </tr>

<tr> <td>33</td> <td>44</td> </tr>

<tr> <td>55</td> <td>66</td> </tr>

</table>

#tab td {
border: solid 2px red;
padding: 10px;
}

#tab td {
background-color: green;
}

我希望只有在最后的 TR TD 中才是绿色 - 55 和 66。 11、22、33、44 的 TD 必须是白色。

我使用 PHP 生成此表 - 我必须仅使用 CSS 或 jQuery。

#tab td:last {
background-color: green;
}

不起作用。

直播： http://jsfiddle.net/Rx2De/

Answer 1

符合标准的解决方案是：

#tab tr:last-child td {
    background-color: green;
}

但是 IE6-8 不支持它。对于它们，您可以使用 jQuery 片段：

$(function(){
    $('#tab tr:last td').css('background', 'green');
});   

Answer 2

我相信您想使用 :last-child 伪类。您可能希望将其应用于 tr 而不是 td。

#tab tr:last-child {
  background-color: green;
}

这是一个小提琴http://jsfiddle.net/Rx2De/1/

Answer 3

这样写，

#tab tr:last-child td {
background-color: green;
}

但在 IE 中不起作用

，或者你这样写：

#tab tr + tr + tr td {
    background-color: green;
    }

检查这个 http://jsfiddle.net /sandeep/Rx2De/7/

它也适用于 IE