「CSS」nth-last-childで後ろから数えてスタイルシートを適用する

2021年8月25日

書式
tr:nth-last-child(行目)
使用例

<style>
  tr:nth-last-child(4){
    background-color: skyblue;
    vertical-align: top;
  }
</style>
<table>
  <tr><td>test 111</td></tr>
  <tr><td>data 222</td></tr>
  <tr><td>data 333</td></tr>
  <tr><td>data 444</td></tr>
  <tr><td>data 555</td></tr>

</table>

 

CSS

Posted by arkgame