Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bruk Brukerhandlings-Pseudoklasser | Komme i Gang med CSS
CSS-Grunnleggende

bookUtfordring: Bruk Brukerhandlings-Pseudoklasser

Oppgave

Vi har et bedriftsnettsted med kontaktinformasjon i toppseksjonen. Oppgaven din er å implementere en fargeendring når brukeren holder musepekeren over lenkene i toppseksjonen.

Steg:

  1. Velg alle a-elementer med klassen header-link.
  2. Bruk riktig pseudoklasse for hover-effekten.
  3. Bruk color-egenskapen med verdien blue når lenkene er hovret.
index.html

index.html

index.css

index.css

copy
  • Bruk . og klassenavnet for å velge et element etter klassenavn.
  • Bruk :hover-pseudoklassen for å reagere på musepeker over elementet.
index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 7

Spør AI

expand

Spør AI

ChatGPT

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

Suggested prompts:

Can you show me how to write the CSS selector for the hover effect?

What does the final CSS code look like for this task?

Can you explain how the :hover pseudo-class works in this context?

Awesome!

Completion rate improved to 2.56

bookUtfordring: Bruk Brukerhandlings-Pseudoklasser

Sveip for å vise menyen

Oppgave

Vi har et bedriftsnettsted med kontaktinformasjon i toppseksjonen. Oppgaven din er å implementere en fargeendring når brukeren holder musepekeren over lenkene i toppseksjonen.

Steg:

  1. Velg alle a-elementer med klassen header-link.
  2. Bruk riktig pseudoklasse for hover-effekten.
  3. Bruk color-egenskapen med verdien blue når lenkene er hovret.
index.html

index.html

index.css

index.css

copy
  • Bruk . og klassenavnet for å velge et element etter klassenavn.
  • Bruk :hover-pseudoklassen for å reagere på musepeker over elementet.
index.html

index.html

index.css

index.css

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 7
some-alt