Управлениие всеми ячейками таблицы через класс в table

[bosega]

Добрый вечер!

Есть такая табличка с ценами:

<table border="0" cellpadding="0" cellspacing="0" class="ceny">

<tr>

<td>Описание1</td>

<td>метр</td>

<td>100 руб.</td>

</tr>

<tr>

<td>Описание2</td>

<td>метр</td>

<td style="font-size:16px; color:green;">200 руб.</td>

</tr>

<tr>

<td>Описание3</td>

<td>метр</td>

<td style="font-size:16px; color:green;">300 руб.</td>

</tr>

</table>

В каждой третьей ячейке строки есть цена, видно из таблицы что я хочу изменять размер шрифта и цвет цены таким образом style="font-size:16px; color:green;". Как можно управлять этим через файл css, если к примеру только в теге table разместить класс class="ceny" как сделано выше и с помощью этого класса уже через файл css видоизменять внешний вид цен в ячейке.

[Gaspode]

Ну, либо вешать на них свой класс, либо как-то так:

table.ceny td:first-child+td+td {
   font-size: 16px;
   color: green;
}

или

table.ceny td:nth-child(3) {
   траляля
}

Хотя лучше всего класс вешать. И универсальнее (приведённые варианты работают не везде), и логичнее.

Edited November 1, 2011 by Gaspode

[bosega]

Ну, либо вешать на них свой класс, либо как-то так:

table.ceny td:first-child+td+td {
   font-size: 16px;
   color: green;
}

или

table.ceny td:nth-child(3) {
   траляля
}

Хотя лучше всего класс вешать. И универсальнее (приведённые варианты работают не везде), и логичнее.

Спасибо, интересные классы (почитал о них тут), везде работает кроме эксплорера правда. Хотя странно, нашёл описание этих классов на этом же сайте и написано что в 8-ом эксплорере тоже эти классы работают, а у меня почему-то в нём не работает.

Edited November 1, 2011 by bosega