Zebra stripe every two TRs in a row with CSS.

css, css-selectors

Solution

Like this? http://jsfiddle.net/GQNUV/1/

table tr:nth-child(4n-1), table tr:nth-child(4n)  {
    background: #ccc;
}

Problem

I want to grey/stripe every two rows in a row. Its hard to explain. Here's a picture:: |-^-^-^-^-^-| |-^-^-^-^-^-| |-------------| |-------------| |-^-^-^-^-^-| |-^-^-^-^-^-| |-------------| |-------------| |-^-^-^-^-^-| |-^-^-^-^-^-| |-------------| |-------------|

Original source