「CSS」nth-childで奇数の行にスタイルシートを適用する

2014年8月26日2021年8月25日

書式
tr:nth-child(2n + 1)
使用例

<style>
  tr:nth-child(2n+1) {
    background-color: skyblue;
    font-size: 30px;
    text-align:right;
    word-break: break-all;
  }
</style>
<table>
  <tr><td>111 aaa</td></tr>
  <tr><td>222 bbb</td></tr>
  <tr><td>333 ccc11</td></tr>
  <tr><td>444 ddd</td></tr>
</table>