Desafío: Práctica de Pseudo-Clases Estructurales
Tarea
Estamos trabajando con un conjunto de elementos y el objetivo es practicar la aplicación de diferentes colores utilizando pseudo-clases estructurales. Su tarea es la siguiente:
- Aplicar el color
red
al primer elemento utilizando una pseudo-clase estructural. - Aplicar el color
blue
al último elemento utilizando una pseudo-clase estructural. - Aplicar el color
green
a cada segundo elemento utilizando una pseudo-clase estructural.
index.html
index.css
:first-child
: Selecciona el primer hijo de un elemento padre.:last-child
: Selecciona el último hijo de un elemento padre.:nth-child()
: Selecciona un hijo específico de un elemento padre según su posición en la lista. Por ejemplo, para seleccionar cada segundo elemento de la lista (2, 4, 6, etc.), puede usar:nth-child(2n)
.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 6
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.56
Desafío: Práctica de Pseudo-Clases Estructurales
Desliza para mostrar el menú
Tarea
Estamos trabajando con un conjunto de elementos y el objetivo es practicar la aplicación de diferentes colores utilizando pseudo-clases estructurales. Su tarea es la siguiente:
- Aplicar el color
red
al primer elemento utilizando una pseudo-clase estructural. - Aplicar el color
blue
al último elemento utilizando una pseudo-clase estructural. - Aplicar el color
green
a cada segundo elemento utilizando una pseudo-clase estructural.
index.html
index.css
:first-child
: Selecciona el primer hijo de un elemento padre.:last-child
: Selecciona el último hijo de un elemento padre.:nth-child()
: Selecciona un hijo específico de un elemento padre según su posición en la lista. Por ejemplo, para seleccionar cada segundo elemento de la lista (2, 4, 6, etc.), puede usar:nth-child(2n)
.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 6