Селектор CSS3 / jQuery для группы стилей из 2 строк с помощью селектора: nt-child ()

Question

У меня есть <table>, что данные разделены на 2 <tr> 's

Так что я хочу стилизовать строки (каждые 2 строки), как раздели зебру, но каждый набор из 2 должен бытьstyled.

Я пытаюсь что-то вроде:

 tr:nth-child(3n+1), tr:nth-child(4n+1){background:#f7f7f7;}

Я бы предпочел решение CSS3, но если только jQuery может это сделать, это будет хорошо.

Пожалуйстасм. демо здесь (редактируемый с помощью jsFiddle):

Я пытался поиграться с трюками css nth-child-tester , но не смог его получить.

Вопрос заключается в том, как стиль зебры каждый набор (2) TR (строк)

Answer 1

Здесь - это форк, в котором стилизована каждая пара строк.

Мне пришлось отредактировать цвет, чтобы что-нибудь увидеть.

Вам нужно использовать (4n + 1) и (4n + 2).

Answer 2

Любой из них будет работать:

tr:nth-child(4n+1), tr:nth-child(4n+1)+tr {  }
tr:nth-child(4n+1), tr:nth-child(4n+2) {  }

Answer 3

Будет ли это работать для вас?

tbody tr:nth-child(4n+1){background:#f00;}
tbody tr:nth-child(4n+2){background:#f00;}
tbody tr:nth-child(4n+3){background:#0f0;}
tbody tr:nth-child(4n+4){background:#0f0;}

Это будет окрашивать пары строк, чередующихся как красный и зеленый.