html - HTML / CSS3テーブルの行：最初の2行は白、次の2行は灰色、次の2行は再び白、というように続きますか？

Question

重複の可能性：
2つのテーブル行ごとにn番目の子

CSS3セレクターを使用しようとしてnth-childいますが、現時点では機能しないようです。

私がやりたいのは、テーブルの最初の2行を白にし、次の2行を灰色にし、次の2行を再び白にすることです。CSSのみを使用してこれを行うにはどうすればよいですか？

どうもありがとう！

Answer 1

（文字通り）少しいじった後、私はついに答えを見つけました：

CSS：

tr:nth-child(4n+0), tr:nth-child(4n-1) {
    background-color: grey;
}​

デモ： http： //jsfiddle.net/SO_AMK/3e4Fz/

これにより、0から-1までの4行ごとに選択され、とを使用してその間の行をターゲットにできnth-child(4n-2)ますnth-child(4n-3)。

デモ： http： //jsfiddle.net/SO_AMK/nGSfz/