詳解逆引きHTML+CSS辞典

表 - 表の背景色を1行おきに変えたい

登録タグ
Icon comment count 0
Icon stock count 0

表の背景色を1行おきに変えたい

ゼブラテーブルにしたい

:nth-child() odd even an+b ゼブラテーブル

表の背景色を1行おきに指定したい場合は、セレクタ(疑似クラス)の「:nth-child()」を使用します。()内に数字を入れると、前から数えてその個数目の要素に適用されます(たとえば、「table:nth-child(7)」と書くと、同じ階層にある7番目のtable要素に適用されます)。また、「:nth-child(odd)」のように指定すると奇数番目、「:nth-child(even)」のように指定すると偶数番目にのみ適用させることができます。

body {
  margin: 30px 0 0 30px;
}
table {
  float: left

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません