JSFiddle - React, Tailwind, and code Playground

HTML

<table class="GMMainTable" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td>
      <div class="GMBodyLeft">
        <table>
          <tr>
            <td>
              xxx
            </td>
          </tr>
          <tr>
            <td>
              xxx
            </td>
          </tr>
        </table>
       </div>
    </td>
    <td>
      <div class="GMBodyMid">
        <table>
          <tr>
            <td>
              yyy
            </td>
            <td>
              yyy
            </td>
          </tr>
          <tr>
            <td>
              yyy
            </td>
            <td>
              yyy
            </td>
          </tr>
        </table>
       </div>
    </td>
  </tr>
</table>

CSS

.GMMainTable .GMBodyLeft tr:hover td { background-color: red; }
.GMMainTable .GMBodyMid tr:hover td { background-color: red; }