Contenido del Curso
CSS Fundamentals
CSS Fundamentals
Challenge: Structural Pseudo-Classes
Task
We are working with a set of elements, and the goal is to practice applying different colors using structural pseudo-classes. Your task is as follows:
- Apply the color
red
to the first element using a structural pseudo-class. - Apply the color
blue
to the last element using a structural pseudo-class. - Apply the color
green
to every second element using a structural pseudo-class.
index
index
index
:first-child
: Targets the first child of a parent element.:last-child
: Targets the last child of a parent element.:nth-child()
: Targets a specific child of a parent element based on its position in the list. For instance, to select every second list item (2, 4, 6, etc.), you can use:nth-child(2n)
.
index
index
index
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 6