Как выбрать все остальные строки в таблице HTML, используя CSS2, а не CSS3?

Question

Как выбрать все остальные строки в таблице HTML с помощью CSS2? Если это невозможно, то также приветствуется ответ для CSS3.

html css html5

Источник

user2191270 20 мар '13 в 14:24

2 ответа

Решение

tr:nth-child(even) {
   /* stub */
}

или же

tr:nth-child(odd) {
   /* stub */
}

Источник

user250259 20 мар '13 в 14:25

Другие вопросы по тегам html css html5

user1586880 20 мар '13 в 14:25 2013-03-20 14:25 · Accepted Answer · 2013-03-20 14:25

К сожалению, нет решения, использующего только CSS2.

Вы можете, однако, использовать :odd а также :even селекторы в CSS3 для определения каждой строки.

tr:nth-child(even) {
   // if it's even - rows 2,4,6 etc - apply styles
}

tr:nth-child(odd) {
   // if it's odd - rows 1,3,5 etc - apply styles
}

nth-child even/odd поддерживается во всех основных браузерах, но не в IE8 и не раньше.

Если вы хотите, чтобы он работал для IE8 и более ранних версий, ознакомьтесь с этой статьей о том, как заставить nth-child работать везде.