表組の奇数行／偶数行で色分けするCSS3/JS - NoteBookCSS3では、:nth-child疑似クラスがサポートされました。これを使うと、表組などで奇数行、偶数行それぞれに背景色を付けることなどが簡単にできます。 ただし対応しているブラウザはFireFox3.6, Safari4+, Chrome5+, Opera10.6で、IE6,7,8は対応していません。 しかしながらIEには簡単なJavaScriptで対応することができます。 サンプルはこちら。 CSS3での指定は以下のようになります。 tr:nth-child(odd) td { background-color: #fdfff3; /* 奇数行の背景色 */ } tr:nth-child(even) td { background-color: #f8f8f8; /* 偶数行の背景色 */ } IEではJavaScriptでTR要素にoddクラスやevenクラスを付けます。（後
