Как изменить цвет строки в GridView, используя чистый CSS?

Question

Я хочу чередовать цвет строки в GridView, используя чистый CSS, то есть: я не хочу использовать темы asp.net; Я бы предпочел не использовать jQuery или определять определение 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 или какой-то другой метод для этого.

Альтернативный класс - довольно элегантный способ сделать это, ИМХО.

ОБНОВЛЕНИЕ: Показывает способ просмотра сетки:

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