JSFiddle - React, Tailwind, and code Playground

by Crystal Dodds

HTML

<table>
  <thead>
    <tr>
      <th>thead</th>
      <th>thead</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>tfoot</td>
      <td>tfoot</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>tbody</td>
      <td>tbody</td>
    </tr>
    <tr>
      <td>tbody</td>
      <td>tbody</td>
    </tr>
  </tbody>
</table>

CSS

table thead tr:last-of-type {
   color: red;
}

table tbody tr:last-of-type {
   color: green;
}

table tfoot tr:last-of-type {
   color: blue;
}