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 :/