Как сделать зебра-таблицу два через два

Question

[mergenich]

Нужно вывести зебра-таблицу, чтобы строки были окрашены по двое через два.
Единственное что пришло в голову, сделать два класса для каждой строки и каждому прописать :nth-of-type(odd), но это не работает

jsfiddle.net/dMGNT/1

.strip1:nth-of-type(odd), .strip2:nth-of-type(odd) {
    background-color:  grey;
}
<?php foreach ($fields as $key => $field) { ?>
	<tr class="strip1">
		<td>...</td>
	</tr>
	<tr class="strip2">
		<td>...</td>
	</tr> 
<? }?>

Answer 1

[Александр Таратин]

.stripy tr:nth-child(4n+1){
   background-color:  grey;
}

.stripy tr:nth-child(4n+2){
   background-color:  grey;
}

<table class="stripy">

Comments

[mergenich]

Это определенно лучшее решение

Answer 2

[Иван]

Не работает, потому что :nth-of-type(odd) не обращает внимания на то, что у строк разные классы. Лучше сделайте .strip1 .strip1 .strip2 .strip2 и нужные цвета классам без :nth-of-type(odd).
jsfiddle.net/dMGNT/4

Comments

[mergenich]

Спасибо, не знал про это свойство nth-of-type

[Иван]

@mergenich я затупил, решение от @Taraflex определенно лучше.