2017年8月28日月曜日

ボックスの行を交互に着色

表題の通り。
いつか使えそうなので記録。

数式で奇数を指定する場合には2n+1、数式で偶数を指定する場合には2n+0となります。

スタイルシート部分は外部ファイル(sample.css)に記述。
table.sample tr:nth-child(2n+1) {background-color:#FFCCCC;}
table.sample tr:nth-child(2n+0) {background-color:#CCFFCC;}


参考ページ
http://www.htmq.com/selector/nth-child.shtml

0 件のコメント: