asp.net mvc - 在 Razor 中提供交替行样式的最简单方法

Question

给定以下 Razor 代码:

<tbody>
    @foreach (Profession profession in Model)
    {
        <tr>
            <td>@profession.Name</td>
            <td>@profession.PluralName</td>
            <td>@Html.ActionLink("Edit", "AddOrEdit", new { Id = profession.ProfessionID })</td>
        </tr>
    }
</tbody>

提供某种交替行样式的最简单方法是什么？ (即奇数行和偶数行的不同样式。)

我似乎无法添加任意 C# 来声明 bool foreach 的每次迭代都会翻转的变量循环以便为 tr 设置一个类名， 例如。

Answer 1

我建议在直接 CSS ( see here for more details ) 中执行此操作:

tr:nth-child(odd)    { background-color:#eee; }
tr:nth-child(even)   { background-color:#fff; }