选项卡中的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.TD,11,22,33,44必须为白色.

我用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');
});