CSS nth-child aplica la regla impar, pero cambia cada 4 elementos
Tengo una lista dedivs
que aparecen 4 en una fila con una clase y me gustaría crear un estilo de fondo de tablero de ajedrez, lo que significa:
divs
Cambia lo impar a par a impar para cada líneaHe intentado esto
.boxwrapper:nth-child(2n-1), .boxwrapper:nth-child(2n) {
background:#ff0000;
}
.boxwrapper:nth-child(4n-2), .boxwrapper:nth-child(4n-3) {
background:#0000ff;
}
y funciona bien para divs impares, pero no puedo cambiar cada 4 elementos. ¡Me voy a la cabeza sobre las cosas 4n-1, 4n + 1, si pudiera hacerlo bien!
El resultado debería verse así: