Snippets

Seleccionar elementos por rangos con CSS

Sin Comentarios

Por medio de la pseudo-clase :nth-child podemos seleccionar cualquier elemento  html que forme parte algún conjunto o grupo, seleccionamos de acuerdo a su posición por medio de formulas que ejecutamos en sus parámetros, Para saber como funciona este tipo de selector te invito a ver el vídeo de este en el Curso Aprende CSS3 desde 0

En este tips te enseñaré como seleccionar elementos dentro de ciertos rangos. En el siguiente código vamos a seleccionar los elementos de una lista desordenada que estén dentro desde el tercer elemento hasta el octavo.

li:nth-child(n+3):nth-child(-n+8) {
  background: lightseagreen ;
  color: #fff;
}

See the Pen Seleccionar elementos por rangos con CSS by frontend (@tutosytips) on CodePen
20550

Comentar

avatar