css - 動的テーブルの代替背景 - MVC3

Question

ビューに 2 つのテーブルがあります。1 つのテーブルの交互の行の背景を変更しようとしています。私のスタイルファイルでは、次を使用しています：

 .alternateRow
{
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: hide;
}

.alternateRow tr {
     background-color:#aa0000;

}

.alternateRow tr.odd  {
     background-color:#00AA00;

}

これは、動的テーブルを作成する方法です。

<table class="alternateRow">
        <% List<Question> wrongs = ViewBag.wrongs;
       for (var i = 0; i < wrongs.Count; ++i)
       { %>
        <tr>
            <td>
                <%= wrongs[i].TheQuestion %>
            </td>
            <td>
                Correct Answer
            </td>
            <td>
                <%= wrongs[i].CorrectAnswer %>
            </td>
            <td>
                <%= wrongs[i].Explanations %>
            </td>
        </tr>
        <% } %>

私はうまくいきませんでした。両方の行が同じ色です。私が間違っていることは何ですか？