CSS在标签最后的TR TD

CSS in tab - last TR TD

本文关键字：TR TD 最后的 标签 CSS      更新时间：2023-09-26
<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是GREEN - 55和66。带有11,22,33,44的TD必须为白色

我用PHP生成这个表-我必须只使用CSS或jQuery。

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

行不通。

生活: http://jsfiddle.net/Rx2De/

符合标准的解决方案是:

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

但是在IE6-8中不支持。对于它们，可以使用jQuery代码片段:

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

我相信您想使用:last-child伪类。你会想把它应用到tr上而不是td上。

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

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

这样写

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

但在IE中不工作

或者你这样写:

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

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

它在IE上的工作也是

相关文章：