JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable">
  <tr><td>A</td><td>B</td><td>C</td></tr>
  <tr><td>1</td><td>2</td><td>X</td><tr>
  <tr><td>3</td><td>4</td><td>X</td><tr>
</table>

CSS

#myTable tr:not(:first-child):hover td:not(:last-child) { 
      background: #dfdfdf;
}