- CSS
-
2012-11-27
n番目や偶数・奇数の要素にスタイルシートを適用させたいとき、nth-childセレクタを使用します。
ここでは、テーブルを例にやってみます。
偶数行の背景色を指定する
table tr:nth-child(even) { background: #f5f5f5; }
奇数行の背景色を指定する
table tr:nth-child(odd) { background: #cbcbcb; }
![](https://k-sugi.sakura.ne.jp/wp-content/themes/chic_grid3/images/icon-tag.png)
2,104 views