A mi el nth-Child me da el resultado contrario. -cuando hago esto nth-Child(2n) me selecciona los elementos impares. y -cuando hago esto ...

Adrian Salgado

Adrian Salgado

Pregunta
studenthace 4 años

A mi el nth-Child me da el resultado contrario.

-cuando hago esto nth-Child(2n) me selecciona los elementos impares.

y

-cuando hago esto nth-Child(2n+1) me selecciona los elementos pares.

no entiendo porque sucede esto.

2 respuestas
para escribir tu comentario
    Adrian Salgado

    Adrian Salgado

    studenthace 4 años

    Ya se que paso, el, la pseudo clase **first-child y nth-child() **funcionan si el elemento que quiero seleccionar es el primer hijo de su contenedor, independiente de la etiqueta usada. Así que en esos casos es mejor utilizar first-of-type o nth-of-type

    Fernando Juarez Baca

    Fernando Juarez Baca

    studenthace 4 años

    Probablemente tengas por ahí un elemento perdido que esté contabilizando y por eso selecciona los contrarios. En lugar de colocar 2n o 2n+ 1 intenta con estos: odd --> Es para los elementos impares even --> Es para los elementos pares

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!