Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/04/2015, 11:04
PHPeros
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: ¿Rangos con nth:child?

En teoría no se puede hacer con una única fórmula, necesitas dos para volver a poner como estaban los divs que se pasan del rango.

Supongamos que tienes 10 divs:

Código HTML:
Ver original
  1. <div>1</div>
  2. <div>2</div>
  3. <div>3</div>
  4. <div>4</div>
  5. <div>5</div>
  6. <div>6</div>
  7. <div>7</div>
  8. <div>8</div>
  9. <div>9</div>
  10. <div>10</div>

Si quieres que se coloreen todos los pares que comprenden las posiciones 2 y 6 deberías hacer:

Código CSS:
Ver original
  1. div:nth-child(2n + 2){
  2.     background: red;
  3. }
  4.  
  5. div:nth-child(2n + 8){
  6.     background: initial;
  7. }

Ahí, la primera sentencia colorea todos los pares empezando de 2. La segunda descolorea todos los pares desde 8, el siguiente número par a 6. No sé si me explico