css - テーブルに nth-chlid(even) を適用すると、jsp によって生成された動的テーブルでは機能しませんが、静的テーブルでは機能します

Question

css を適用して、nth-child(even) を使用して交互の行の色を変更しています。行が静的な場合は作業ファイルですが、jsp を使用してテーブルを動的に生成すると、css は適用されません。どのように解決できますか？

css は:

table tr:nth-child(odd)
  {
    background-color: #94B8B8;
  }
table tr:nth-child(even)
  {
    background-color: #FFFFFF;
  }

jspは次のとおりです。

    <c:forEach var="item" items="${items}" varStatus="i" begin="0" step="1">
 <tr>
<td>some data</td>
<td>some data</td>
 </tr>
</c:forEach>

生成された html は次のようになります。

            <tr onclick="selectRow(this)" id="1" >
                <td>
                    item1


            </td>
                <td>i1 </td>

            </tr>



            <tr onclick="selectRow(this)" id="2" >
                <td>
                    Item2


            </td>
                <td> 2 </td>

            </tr>