Wie benutze ich nth-child zum Stylen eines Tisches mit Zeilenabstand?

Ich habe eine Tabelle, die eine Zeile hat, die Rowspan verwendet. So,

<code><table>
 <tr>
  <td>...</td><td>...</td><td>...</td>
 </tr>
 <tr>
  <td rowspan="2">...</td><td>...</td><td>...</td>
 </tr>
 <tr>
              <td>...</td><td>...</td>
 </tr>
 <tr>
  <td>...</td><td>...</td><td>...</td>
 </tr>
</table>
</code>

Ich würde gerne die n-te untergeordnete Pseudoklasse verwenden, um jeder zweiten Zeile eine Hintergrundfarbe hinzuzufügen, aber der Zeilenbereich bringt es durcheinander. es fügt die Hintergrundfarbe der Zeile unter der Zeile mit dem Zeilenabstand hinzu, obwohl ich eigentlich möchte, dass diese Zeile übersprungen und zur nächsten übergegangen wird.

Gibt es eine Möglichkeit, n-child dazu zu bringen, etwas Kluges zu tun, oder [rowspan] in der Auswahl zu verwenden, um dies zu umgehen? In diesem Fall möchte ich also, dass die Hintergrundfarbe in den Zeilen 1 und 4 und danach in den Zeilen 6, 8, 10 und so weiter angezeigt wird (da keine von diesen Zeilenweiten hat). Es ist, als ob ich einen Zeilenabstand sehe, dann möchte ich, dass das n-te Kind 1 zu n addiert und dann fortfährt.

Wahrscheinlich keine Lösung dafür, aber ich dachte, ich würde fragen :-)

Antworten auf die Frage(6)

Ihre Antwort auf die Frage