• 締切済み

csvtotable 表のn行目の色を変えたい

csvtotableを使用して、csvをhtmlで表示したいです。 cssを使って表を5行ごとに色を変えるにはどうすればよいでしょう。 1行ごとに色を変える。というのは理解できるのですが、5行ごとに変更するというのがどうしてもわかりません。 下記を編集して5行ごとに色を変更するにはどうすればよいでしょうか。 /* CSV Table Classes */ TABLE.CSVTable { font: 0.8em Verdana,Arial,Geneva,Helvetica,sans-serif; border-collapse: collapse; width: 450px; } /* Header */ TABLE.CSVTable THEAD TR { background: #E8EDFF; } TABLE.CSVTable TH { font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size: 1.2em; } /* Table Cells */ TABLE.CSVTable TD, TABLE.CSVTable TH { padding: 8px; text-align: left; border-bottom: 1px solid #FFFFFF; border-top: 1px solid transparent; } /* Default background color for rows */ TABLE.CSVTable TR { background: #F0F0F0; } /* Background color for odd rows */ TABLE.CSVTable TR.odd{ background: #F9F9F9; } /* Hover color for all rows */ TABLE.CSVTable TR:hover { background: #E8EDFF; } /* Source code */ .source { background-color: #FAFAFA; border: 1px solid #999999 }

みんなの回答

回答No.1

TR.odd -> TR:nth-child(5n) ただし、IE8以下だと無視されます。 その他最新エンジンでは問題ありません。

関連するQ&A