JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<table id="sf" width="300" border="1">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>
  </tr>
  <tr class="nolighting">
    <td>.nolighting</td>
    <td>.nolighting</td>
    <td>.nolighting</td>
  </tr>
  <tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>4</td>
    <td>4</td>
  </tr>
</table>

CSS

#sf tr:not(.nolighting):hover {
    background-color:#00f;
}
.nolighting {
    background-color:#f00;
}