Jonkins: tr:nth-child(2n):hover mit rowspan

Beitrag lesen

Mit den Codes könnt ihr mein Problem ersichtlich machen.

<table>  
    <tr>  
        <td>Bli</td>  
        <td>Bli</td>  
        <td>Bli</td>  
    </tr>  
    <tr>  
        <td>Bli</td>  
        <td>Bli</td>  
        <td>Bli</td>  
    </tr>  
    <tr>  
        <td>Bli</td>  
        <td>Bli</td>  
        <td>Bli</td>  
    </tr>  
    <tr>  
        <td rowspan="2">Blah</td>  
        <td>Blah</td>  
        <td>Blah</td>  
    </tr>  
    <tr>  
        <td>Blah</td>  
        <td>Blah</td>  
    </tr>  
</table>
table {  
    width: 100%;  
}  
tr:nth-child(2n) {  
    background-color: #F4F4F4;  
}  
  
tr:nth-child(2n+1) {  
    background-color: #EAEAEA;  
}  
  
tr:hover {  
    background-color: #FFFFFF;  
}

Ich möchte, dass bei der Rowspan-Stelle die beiden Reihen die selbe Farbe bekommen, also nth-child im Grunde genommen einmal aussetzt. Das muss pro Tabelle aber auch öfter als 1x funktionieren. Außerdem muss der Hover-Effekt auch funktionieren, was er aktuell nicht wirklich tut :<
Das Ganze bestenfalls nur mit CSS. Kann mir hier vielleicht jemand helfen? Javascript ist keine Option :/