Lära 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 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.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

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 22

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Svep för att visa menyn

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.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

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 22