如何使用纯CSS替换GridView中的rowcolor？

Question

我想在GridView中使用纯CSS替换rowcolor,即:我不想使用asp.net主题; 我宁愿不必使用jQuery,也不必在每个gridview上定义AlternatingRowStyle-BackColor(除非我必须这样做).

这是我的CSS(不起作用):

.gridView {font-size:11px
}

.gridView tr:nth-child(even) {background-color: #FFF}
.gridView tr:nth-child(odd) {background-color: #FFCC00}

.gridView tr:nth-child(even) td {background-color: #FFF}
.gridView tr:nth-child(odd) td {background-color: #FFCC00}

(我包括.gridView {font-size:11px}只是为了确认我正在使用正确的CssClass.)

这不可能,或者我做错了什么.

Answer 1

您使用的是CSS3,并非所有浏览器都支持.要以跨浏览器兼容的方式执行此操作,您需要使用交替的类,jQuery或其他方法来执行此操作.

恕我直言,交替上课是一种相当优雅的方式.

更新:这显示了gridview方式:

<asp:gridview id="CustomersGridView" runat="server">        
    <RowStyle CssClass="Row" />
    <AlternatingRowStyle CssClass="AltRow" />
</asp:gridview>