「CSS」nth-child(2n+1)で奇数の行にCSSを適用する方法
構文
:nth-child(2n+1)
:nth-child(odd)
CSSコード
table{width:120px;border-collapse:collapse;}
tr:nth-child(2n+1) {
background-color: green;
}
htmlコード
<table> <tr><td>最優先の課題 1111</td></tr> <tr><td>最優先の課題 2222</td></tr> <tr><td>最優先の課題 3333</td></tr> <tr><td>data 4444</td></tr> <tr><td>data 55555</td></tr> </table>