CSS覚書　:nth-childの使い方（1データ複数行の場合）

:nth-childの使い方を調べていたのだけれど、やってみたら「？？？」な記事もあったので、Firefoxで動作確認した具体的な情報を載せておく。

1データ2行で構成されているテーブルの場合は以下の通り。

table tr:nth-child(4n),
table tr:nth-child(4n-1) {
    background: #fff;
}
table tr:nth-child(4n-2),
table tr:nth-child(4n-3) {
    background: #f0f0f0;
}

「table」の横にクラス名をつけて（「table.classname」みたいに）、1データ1行のテーブルと分けておくとよい。
CakePHPをやっていると、CSSの勉強にもなってウレシイ。