JSFiddle - React, Tailwind, and code Playground

by Steve Thompson

HTML

<table>
  <tr>
    <td>
      <div class="row1 one">

      </div>
    </td>
    <td>
      <div class="row1 two">

      </div>
    </td>
    <td>
      <div class="row1 three">

      </div>
    </td>
  </tr>
</table>

CSS

.one {
  background-color: #0000FF;
  width: 200px;
  height: 30px;
}

.two {
  background-color: #ff0000;
  width: 200px;
  height: 30px;
}

.three {
  background-color: #00FF00;
  width: 200px;
  height: 30px;
}


/*.one:hover, .two:hover, .three:hover {
  background-color: #000;
}*/

.row1:hover {
  background-color: #000;
}