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

Мне бы хотелось, чтобы только в последнем ТР ТД был ЗЕЛЕНЫМ - 55 и 66 . ТД с 11, 22, 33, 44 должен быть белого цвета.

Я генерирую эту таблицу с помощью PHP - я должен использовать только CSS или jQuery.

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

не работает.

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

напиши как

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

но не работает в IE

или вы пишете так:

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

отметьте это http://jsfiddle.net/sandeep/Rx2De/7/

это также работает в IE

Answer 3

Полагаю, вы хотите использовать псевдокласс :last-child. И вы хотели бы применить это на tr, а не на td.

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

вот скрипка http://jsfiddle.net/Rx2De/1/