JSFiddle - React, Tailwind, and code Playground

HTML

<table summary="vue de l'ensemble des générations du modèles">   
            <tr class="golf1">
                <th>Golf I</th>
                <td><a href="#">Tous modèles</a></td>
                <td class="roro">Compacte/Routière</td>
                <td>3/5 portes</td>
            </tr>
						<tbody>
            <tr class="golf3">
                <th rowspan="4">Golf III</th>
                <td class="model-content"><a href="#">Compacte</a></td>
                <td class="model-content">Compacte/routière</td>
                <td class="model-content">3/5 portes</td>
            </tr>
            <tr>
                <td class="model-content"><a href="#">Cabriolet</a></td>
                <td class="model-content">Compacte/routière</td>
                <td class="model-content">2 portes</td>
            </tr>
            <tr>
                <td class="model-content"><a href="#">Break</a></td>
                <td class="model-content">Compacte/routière</td>
                <td class="model-content">4 portes</td>
            </tr>
						
            <tr>
                <td class="model-content"><a href="#">Coupé</a></td>
                <td class="model-content">Compacte/routière</td>
                <td class="model-content">2 portes</td>                                             
            </tr>
						</tbody>
            <tr class="golf4">
                <th rowspan="4">Golf IV</th>
                <td><a href="#">Compacte</a></td>
                <td>Compacte/routière</td>
                <td>3/5 portes</td>
            </tr>
            <tr>
                <td><a href="#">Cabriolet</a></td>
                <td>Compacte/routière</td>
                <td>2 portes</td>
            </tr>
            <tr>
                <td><a href="#">Break</a></td>
                <td>Compacte/routière</td>
                <td>4 portes</td>
            </tr>
            <tr>
                <td><a href="#">Coupé</a></td>
                <td>Compacte/routière</td>
  ...

CSS

table {
    width: 500px;
    background: yellow;
}
th,td {
    border: 1px solid #000;
}

tr:hover th,
tr:hover td {
    background: maroon
}
tr th:hover,
tr th:hover ~ td {
        background: gold; /* à remplacer par transparent */
}