JSFiddle - React, Tailwind, and code Playground

by st3fan

HTML

<table class="table">
  <tr class="main">
    <td>0</td>
  </tr>
  <tr class="main">
    <td>1</td>
  </tr>
  <tr class="main">
    <td>2</td>
  </tr>
  <tr class="sub">
    <td>2.1</td>
  </tr>
  <tr class="sub">
    <td>2.2</td>
  </tr>
  <tr class="main">
    <td>3</td>
  </tr>
  <tr class="main">
    <td>4</td>
  </tr>
</table>

CSS

table {
  width: 100%;
}

tr.main:nth-child(even) {
  background: #ccc;
}
tr.main:nth-child(odd) {
  background: #fff;
}

tr.sub {
  background: #cea;
}