Добрый день!
Имеется таблица:
<table>
<tr class="col-one"><td colspan="5"></td></tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr class="col-one"><td colspan="5"></td></tr>
</table>
Нужно за счёт лишь CSS (без использования js) окрасить каждую вторую строку в нужный цвет. Как это можно сделать?
Следует обратить особое внимание на то, что в таблице имеются двойные строки, которые должны быть одного цвета.
Добавлено после первого ответа: Следует так же учесть то, что первая и последняя строки динамически добавляются за счёт js. Нужно сделать так, чтобы не городить сложные манипуляции в разных местах, а обойтись лишь CSS правилами.