У меня есть следующая таблица: первая строка содержит 2 подстроки, а вторая содержит 3 подстроки.
При использовании этого стиля CSS цвет зебры (, т.е. альтернативный цвет в двух последовательных строках ) неисправен, вторая основная ячейка должна быть белой, а не серой:
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
Так есть ли способ, чтобы цвет зебры такой стол был правильным способом?
Конечно, моя настоящая проблема связана с гораздо большим количеством строк, с гораздо более переменным числом подстрок.
<head>
<style>
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
</style>
<head>
<body>
<table border="1">
<tr>
<td rowspan="2">
Big1
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td rowspan="3">
Big2
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td>
small3
</td>
</tr>
</table>
</body>