| りんご | 150円 |
|---|---|
| みかん | 30円 |
| 柿 | 20円 |
| 梨 | 80円 |
上の表は、tr の background を #eff に指定しておき、 奇数行のbackgroundを #cff に設定している。「奇数番目の子要素」 のような指定は nth-child で指定できる。いくつか例を示す。
| 奇数番目 | E:nth-child(odd) |
| 偶数番目 | E:nth-child(even) |
| 3の倍数番目 | E:nth-child(3n) |
| 4の倍数番目+1 | E:nth-child(4n+1) |
| 3番目以降 | E:nth-child(n+3) |
| 最初の3つ | E:nth-child(-n+3) |
参考としてこの文書のソースも参照。
yuuji@koeki-u.ac.jp