Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Práctica de Pseudo-Clases Estructurales | El Modelo de Caja de CSS y Elementos de Espaciado
Fundamentos de CSS

bookDesafí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.html

index.css

index.css

copy
  • :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.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 6

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.56

bookDesafí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.html

index.css

index.css

copy
  • :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.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 6
some-alt