JSFiddle - React, Tailwind, and code Playground

HTML

<table class='example' border=1>
<tr class='head no_hover'>	  
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>	
<tr class='color1'>
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>	
<tr class='color2'>
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>							
<tr class='color1'>
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>							
<tr class='color2'>
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>						
<tr class='color1'>
<td>Spalte A</td>
<td>Spalte B</td>
<td>Spalte C</td>
<td>Spalte D</td>
</tr>						
<tr class='no_hover'>
<td class='tableEnd' colspan=4>Tabellenende</td>
</tr>
</table>

CSS

.color1 
{ 
    background-color: grey;
}
.color2
{ 
    background-color: white;
}
.tableEnd {
  text-align:center;
}
table.example tbody:not(.no_hover):hover {
background-color: green;
}

table.example tr:not(.no_hover):hover {
background-color: green;
}