JSFiddle - React, Tailwind, and code Playground

by LyndseyB

HTML

<table>
	<thead>
		<tr>
			<th> Header </th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td> 1</td>
			<td> 2</td>
			<td class="hover"> 3</td>
			<td> 4 </td>
		</tr>		
	</tbody>
</table>

CSS

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

table {
   width: 100%;   
   border: 1px black solid;   
}