¿Alguien sabe que significan las letras <strong>nth</strong> en las pseudo clases?

Obed Paz

Obed Paz

Pregunta
studenthace 5 años

¿Alguien sabe que significan las letras nth en las pseudo clases?

2 respuestas
para escribir tu comentario
    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    studenthace 5 años

    Es una expresión en el idioma inglés, que se puede traducir como n-ésimo.

    Cambridge Dictionary lo define como "used to describe the most recent in a long series of things, when you do not know how many there are".

    Aquí y aquí viene más información.

    CRISTIAN BARBERO PÉREZ

    CRISTIAN BARBERO PÉREZ

    studenthace 5 años

    Son para seleccionar ciertos elementos, por ejemplo los pares o los impares.

    Escribiendo lo siguiente, las etiquetas p pares tendrán un color rojo:

    p:nth-of-type(2n){ color: red; }

    También existen otros como nth-child que hace lo mismo pero a los hijos de la clase que se lo aplicas.

    En los siguientes enlaces hay ejemplos que te ayudarán a entenderlo mejor. En los mismos tienes todos los nth que hay en el menú de la izquierda.

    https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

    https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.