Wie wechselt man die Hintergrundfarben in Rasterzeilen? ⇐ HTML

[Anonymous]

Ich baue etwas Ähnliches


also möchte ich diesen (Schach-)Effekt erzeugen, bei dem das letzte Element der Rasterzeile die gleiche Hintergrundfarbe wie das erste Element und die Hintergrundfarbe des zweiten Elements enthält Zeile
Ich habe meinen Container mithilfe eines Rasters erstellt und einige Karten darin platziert. Gibt es eine Möglichkeit, dies mithilfe von CSS zu tun?

Code: Select all

.cards-container {
display: grid;
grid-template-columns: repeat(2, 10rem);
}

.card {
border: 1px solid black;
}

.cards-container > a:nth-child(odd) {
background-color: #4268af;
}

Code: Select all

[h4]name[/h4]


[h4]name[/h4]


[h4]name[/h4]


[h4]name[/h4]


[h4]name[/h4]


[h4]name[/h4]