JSFiddle - React, Tailwind, and code Playground

HTML

<table class="css3">
<thead>
<tr>
  <th>1</th>
  <th>2</th>
  <th>3</th>
</tr>
</thead>
<tbody>
<tr>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
<tr>
  <td>7</td>
  <td>8</td>
  <td>9</td>
</tr>
</tbody>
</table>

<table class="css2">
<thead>
<tr>
  <th>1</th>
  <th>2</th>
  <th>3</th>
</tr>
</thead>
<tbody>
<tr>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
<tr>
  <td>7</td>
  <td>8</td>
  <td>9</td>
</tr>
</tbody>
</table>

CSS

table.css3 tbody tr + tr td:nth-child(2) {
    background-color: red;
}
table.css2 tbody tr + tr td + td {
    background-color: tomato;
}
/* overwrite background again */
table.css2 tbody tr + tr td + td + td { 
    background-color: inherit;
}