Lære Utfordring: Øv på Strukturelle Pseudoklasser | CSS-Boksmodellen og Avstandselementer

Oppgave

Vi arbeider med et sett av elementer, og målet er å øve på å bruke ulike farger ved hjelp av strukturelle pseudoklasser. Din oppgave er som følger:

Bruk fargen red på det første elementet ved hjelp av en strukturell pseudoklasse.
Bruk fargen blue på det siste elementet ved hjelp av en strukturell pseudoklasse.
Bruk fargen green på hvert andre element ved hjelp av en strukturell pseudoklasse.

index.html

index.css

:first-child: Velger det første barnet til et overordnet element.
:last-child: Velger det siste barnet til et overordnet element.
:nth-child(): Velger et spesifikt barn til et overordnet element basert på posisjonen i listen. For eksempel, for å velge hvert andre listeelement (2, 4, 6, osv.), kan du bruke :nth-child(2n).

index.html

index.css

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 6

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Completion rate improved to 2.56

Sveip for å vise menyen

Vi arbeider med et sett av elementer, og målet er å øve på å bruke ulike farger ved hjelp av strukturelle pseudoklasser. Din oppgave er som følger:

Bruk fargen red på det første elementet ved hjelp av en strukturell pseudoklasse.
Bruk fargen blue på det siste elementet ved hjelp av en strukturell pseudoklasse.
Bruk fargen green på hvert andre element ved hjelp av en strukturell pseudoklasse.

index.html

index.css

:first-child: Velger det første barnet til et overordnet element.
:last-child: Velger det siste barnet til et overordnet element.
:nth-child(): Velger et spesifikt barn til et overordnet element basert på posisjonen i listen. For eksempel, for å velge hvert andre listeelement (2, 4, 6, osv.), kan du bruke :nth-child(2n).

index.html

index.css

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 6