Challenge: Practice 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
redto the first element using a structural pseudo-class. - Apply the color
blueto the last element using a structural pseudo-class. - Apply the color
greento every second element using a structural pseudo-class.
index.html
index.css
: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.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 6
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.5Challenge: Practice Structural Pseudo-Classes
Glissez pour afficher le menu
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
redto the first element using a structural pseudo-class. - Apply the color
blueto the last element using a structural pseudo-class. - Apply the color
greento every second element using a structural pseudo-class.
index.html
index.css
: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.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 6
