すべてのtable要素のtr要素に対して、そのclass属性に交互にoddまたはevenを追加します。ただし、中身がth要素だけのtr要素、または、thead要素内のtr要素は除外します。
以下の例では、tr.odd>tdには濃い水色、tr.even>tdには薄紫を指定しています。
thのみの行なし
| th |
td |
td |
| th |
td |
td |
| th |
td |
td |
| th |
td |
td |
| th |
td |
td |
1,2,6行目thのみ(th のみの行の次は odd が適用される)
| th | th | th |
| th | th | th |
| td | td | td |
| td | td | td |
| td | td | td |
| th |
th |
th |
| td | td | td |
| |
|
|
| th |
th |
th |
| td |
td |
td |
| |
|
|
thのみの行なし、theadあり(2行)
| thad/td | thad/td | thad/td |
| thad/td | thad/td | thad/td |
| td | td | td |
| td | td | td |
| td | td | td |
| td | td | td |
複数の行を1セットとしたい場合
| th |
td |
td |
| th |
td |
2行で1セット |
| th |
td |
2行で1セット |
| th |
td |
2行で1セット |
| th |
td |
| th |
td |
3行で1セット |
| th |
td |
| th |
td |
| th |
td |
td |
| th |
td |
td |
その他の機能
(あまり良くはないが、)テーブルの中にテーブルが入るケースでもストライプの順番が狂わない。
| th |
td |
td |
| th |
td |
td
|
| th |
td |
td |
| th |
td |
td |
| th |
td |
td |
別のスタイルを適用する
全てのtable要素のtr要素に対してストライプが適用されるので、table要素のclass名などを設定し、その子孫となるtr.oddまたはtr.evenにスタイルを適用する。
| th |
th |
th |
| td |
td |
td |
| td |
td |
td |
| td |
td |
td |
| td |
td |
td |
| td |
td |
td |