N-ème enfant applique uniquement la couleur de fond au 2e enfant mais ne continue pas. Jetez un coup d'œil: https://snipboard.io/fndy0r.jpg
Des idées?
Ma table HTML ressemble à ceci (désolé pour l'allemand): mon CSS:
3 Réponses :
Si vous souhaitez ajouter Consultez ce Snippet de Color arrière-fond pour chaque enfant 2ème enfant (chaque enfant même enfant: 2, 4, 6 ...), vous devez utiliser Nth-enfant (même)
Même , SELECTORS SIMILD .
Utilisez
nth-of-child(2n)
Bien que ce code puisse répondre à la question, fournissant un contexte supplémentaire concernant la raison et / ou la manière dont ce code répond à la question améliore sa valeur à long terme.
Si vous voulez que la couleur soit répétée après chaque ligne, vous devez utiliser 2N ou vous pouvez également passer même dans le nième enfant.
p>
<table class="Tabellen" id="Oeffnungszeiten">
<caption>Aktuelle Öffnungszeiten (Frühling/Sommer 2020) </caption>
<thead>
<tr>
<th>Wochentag</th>
<th>Uhrzeit</th>
</tr>
</thead>
<tbody>
<tr>
<td>Montag</td>
<td>09.00 - 18.00 </td>
</tr>
<tr>
<td>Dienstag</td>
<td>09.00 - 18.00 </td>
</tr>
<tr>
<td>Mittwoch</td>
<td>09.00 - 17.00 </td>
</tr>
<tr>
<td>Donnerstag</td>
<td>09.00 - 20.00 </td>
</tr>
<tr>
<td>Freitag</td>
<td>08.00 - 20.00 </td>
</tr>
<tr>
<td>Samstag</td>
<td>08.00 - 20.00 </td>
</tr>
<tr>
<td>Sonntag</td>
<td>10.00 - 20.00 </td>
</tr>
</tbody>
</table>