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

書式
:nth-child(2n)
:nth-child(even)
CSSコード

table{border:1px solid #000000;}
tr:nth-child(2n)  {
    background-color: green;
}

htmlコード

<table>
      <tr><td>最優先の課題AAAA</td></tr>
      <tr><td>最優先の課題2222</td></tr>
      <tr><td>最優先の課題 3333</td></tr>
      <tr><td>data 4444</td></tr>
</table>

 

CSS

Posted by arkgame