Zebra pasek co dwa TRS z CSS.

Question

Chcę szare/paski co dwa wiersze z rzędu. Trudno to wyjaśnić. Oto zdjęcie:
| -^-^-^-^-^- |
| -^-^-^-^-^- |
| ------------- |
| ------------- |
| -^-^-^-^-^- |
| -^-^-^-^-^- |
| ------------- |
| ------------- |
| -^-^-^-^-^- |
| -^-^-^-^-^- |
| ------------- |
| ------------- |

Answer 1

Podoba Ci się to? http://jsfiddle.net/GQNUV/1/

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

Answer 2

Zmiana ta z własnymi preferencjami, to powinno działać

tr:nth-child(4n+1) { color: green; } 
tr:nth-child(4n+2) { color: green; } 
tr:nth-child(4n+3) { color: red; } 
tr:nth-child(4n+4) { color: red; } 

Answer 3

aby to poprawnie, n w nth-child() muszą być takie same, ale trzeba zmienić, co dodać na n. W tym przypadku liczby mogą wynosić tylko jeden numer. Więc trzeba 4n+1 i 4n lub 4n+2 i 4n+3 itd

Fiddle

Answer 4

Jeśli masz wiersz nagłówków, dodać THEAD i tbody i zmiana CSS:

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