Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 10 de Febrero 2016, 20:11

Título: Selector avanzado pseudoclase CSS seleccionar elementos pares o impares CU01015D
Publicado por: Lorenzo31 en 10 de Febrero 2016, 20:11
Buenas queria hacer una consulta. La solución al ejemplo propuesto segun el curso es usar ODD y EVEN.

/* Curso CSS estilos aprenderaprogramar.com*/
ul.especial li:nth-child(odd) {background-color: grey;}
ul.especial li:nth-child(even) {background-color: pink;}

Yo encontré y usé una especie de regla lógica,

/* CSS ejercicio 115D */
.especial {}
.especial li:nth-child(2n+1) { background-color:grey; }
.especial li:nth-child(2n) {background-color:pink; }

Ya sé que hay muchas formas de hacer las cosas en HTML, mi pregunta viene por , cual es la forma más correcta o estandarizada para referirse a elementos pares y impares.

Gracias.
Título: Re:Selector avanzado pseudoclase CSS seleccionar elementos pares o impares CU01015D
Publicado por: César Krall en 13 de Febrero 2016, 21:09
Hola!

Esta regla vacía creo que no es necesaria, .especial {}

Respecto a tu propuesta la veo igual de buena que la basada en el uso de odd y even. Incluso con esa sintaxis se pueden crear formas más complejas, así que has innovado y es algo que creo debería añadirse al curso cuando hagamos una revisión.

Saludos!
Título: Re:Selector avanzado pseudoclase CSS seleccionar elementos pares o impares CU01015D
Publicado por: Lorenzo31 en 14 de Febrero 2016, 14:51
Buenas, gracias César, si, creo que puse la clase vacía porque quería incorporar algo, pero obviamente no hace nada si no tiene propiedades dentro.

Gracias por tu comentario, me da ánimo para seguir.