选项卡中的CSS - 最后一个TR TD

时间:2011-10-17 13:44:41

标签: javascript jquery css html-table

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

不起作用。

LIVE: http://jsfiddle.net/Rx2De/

3 个答案:

答案 0 :(得分:6)

符合标准的解决方案是:

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

但IE6-8不支持。他们可以使用jQuery片段:

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

答案 1 :(得分:2)

我相信你想使用:last-child伪类。你想要在tr而不是td上应用它。

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

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

答案 2 :(得分:2)

像这样写

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

但在IE中不起作用

或者你这样写:

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

检查此http://jsfiddle.net/sandeep/Rx2De/7/

它也适用于IE