次の CSS と HTML を使用しています。
table.grid tbody tr:nth-child(odd) {
background: #888;
}
<table class="form grid">
<tbody>
<tr>
<td>xx</td>
</tr>
<tr>
<td>xx</td>
</tr>
<tr>
<td>xx</td>
</tr>
<tr>
<td>xx</td>
</tr>
</tbody>
</table>
テーブルは正常に表示されますが、行の背景色の陰影は異なりません。何か不足していますか?