Desafío: Práctica de Pseudoclases 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
redal primer elemento utilizando una pseudo-clase estructural. - Aplicar el color
blueal último elemento utilizando una pseudo-clase estructural. - Aplicar el color
greena 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.), se 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
Genial!
Completion tasa mejorada a 2.56
Desafío: Práctica de Pseudoclases 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
redal primer elemento utilizando una pseudo-clase estructural. - Aplicar el color
blueal último elemento utilizando una pseudo-clase estructural. - Aplicar el color
greena 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.), se puede usar:nth-child(2n).
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 6