CSS nth-child im Zusammenspiel mit rowspan

[Thomas Binder]

Hallo,

ich habe folgendes kleine Problem:
In einer Tabelle sollen bestimmte benachbarte Spalten immer in 2er-Blöcken farblich hervorgehoben werden, weil sie zusammengehören. Das Ganze beginnt erst ab der 3. Spalte. Gelöst habe ich das bisher über folgendes CSS-Konstrukt:
table.doppel td:nth-child(4n+3) {background-color:#DCDCDC;}
table.doppel td:nth-child(4n+4) {background-color:#DCDCDC;}
Damit werden die 3. und 4. Spalte eingefärbt, dann wieder die 7. und 8. Spalte usw.

Das funktioniert auch wunderbar - mit folgender Ausnahme.
Wenn man in einer links davon liegenden Spalte mit "rowspan" arbeitet, also z.B. rowspan="2"
dann kommt die Abzähllogik durcheinander. Die farbliche Anpassung verrutscht um eine Spalte.
Die zweite Zeile hat dann ja in der HTML-Struktur eine Spalte weniger, in der optischen Darstellung aber natürlich nicht.

Hat jemand eine Idee, wie man dies durch eine noch bessere CSS-Formulierung lösen kann?
Natürlich könnte ich in der betreffenden Zeile im <td> per CSS direkt formatieren, aber das möchte ich eigentlich vermeiden.

Vielen Dank im Voraus
Thomas