I have a `<table>` that the data is separated per 2 `<tr>`'s

So i want to style the rows(each 2 rows) as zebra stripped, but each set of 2 should be styled.

I am trying something like:

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

```

I would prefer a CSS3 solution, but if only jQuery can do it, that will be fine.

Please see [demo here](http://jsfiddle.net/M38Bb/) (editable via jsFiddle):

I tried to play around with css-tricks [nth-child-tester](http://css-tricks.com/examples/nth-child-tester/), but i couldn't get it.

### The question is how do i zebra style each set of (2) TR's (rows)