「CSS」nth-child(2n+1)で奇数の行にCSSを適用する方法

2020年9月17日

構文
: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>