nth-child CSS - que corresponde al 2º, 5º, 8º, ... elementos

Question

Tengo una lista de HTML que con la ayuda de CSS estoy organizando en bloques de filas de 3 columnas.

lo tanto, si la lista tiene 6 elementos que sería de 2 filas x 3 columnas, 9 elementos - 3 x 3, 12 elementos - 4 x 3, etc, etc.

¿Cómo utilizar el enésimo CSS - selector de niños seleccionar el elemento medio de cada fila? es decir, el 2º, 5º, 8º, ... elementos.

¡Gracias de antemano!

Answer 1

tratar

:nth-child(3n+2){} 

leer más aquí http://reference.sitepoint.com/css/understandingnthchildexpressions

Answer 2

li:nth-child(3n+2) { 
    //whatever you have to do 
} 

ver esto como una referencia https://css-tricks.com/useful-nth-child-recipies/

Answer 3

Si entiendo bien su pregunta, :nth-child(3n+2) es lo que desea. (Véase, por ejemplo this JSfiddle)