Lære Udfordring: Øv Strukturelle Pseudoklasser | CSS-Boksmodellen og Afstandselementer

Opgave

Vi arbejder med et sæt elementer, og målet er at øve anvendelsen af forskellige farver ved hjælp af strukturelle pseudoklasser. Din opgave er som følger:

Anvend farven red på det første element ved hjælp af en strukturel pseudoklasse.
Anvend farven blue på det sidste element ved hjælp af en strukturel pseudoklasse.
Anvend farven green på hvert andet element ved hjælp af en strukturel pseudoklasse.

index.html

index.css

:first-child: Målretter det første barn af et overordnet element.
:last-child: Målretter det sidste barn af et overordnet element.
:nth-child(): Målretter et specifikt barn af et overordnet element baseret på dets placering i listen. For eksempel, for at vælge hvert andet listeelement (2, 4, 6, osv.), kan du bruge :nth-child(2n).

index.html

index.css

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 6

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.56

Stryg for at vise menuen

Opgave

Vi arbejder med et sæt elementer, og målet er at øve anvendelsen af forskellige farver ved hjælp af strukturelle pseudoklasser. Din opgave er som følger:

Anvend farven red på det første element ved hjælp af en strukturel pseudoklasse.
Anvend farven blue på det sidste element ved hjælp af en strukturel pseudoklasse.
Anvend farven green på hvert andet element ved hjælp af en strukturel pseudoklasse.

index.html

index.css

:first-child: Målretter det første barn af et overordnet element.
:last-child: Målretter det sidste barn af et overordnet element.
:nth-child(): Målretter et specifikt barn af et overordnet element baseret på dets placering i listen. For eksempel, for at vælge hvert andet listeelement (2, 4, 6, osv.), kan du bruge :nth-child(2n).

index.html

index.css

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 6