JSFiddle - React, Tailwind, and code Playground

by Justin Maat

HTML

<div class="outer">
  <div class="inner1">
    <table>
      <tbody>
        <tr><td>...</td></tr>
        <tr><td>...</td></tr>
     </tbody>
    </table>
  <div class="inner2">
    <table>
      <tbody>
        <tr><td>...</td></tr>
        <tr><td>...</td></tr>
     </tbody>
    </table>
</div>

CSS

.outer div td {
  background: red;
}

.outer div:not(.inner1) td {
  background: blue;
}