Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Tillämpa Användaråtgärds-Pseudoklasser | Komma Igång med CSS
CSS-Grunder

bookUtmaning: Tillämpa Användaråtgärds-Pseudoklasser

Uppgift

Vi har en företagswebbplats med kontaktinformation i sidhuvudets sektion. Din uppgift är att implementera en färgändring när en användare för muspekaren över länkarna i sidhuvudet.

Steg:

  1. Välj alla a-element med klassen header-link.
  2. Använd lämplig pseudoklass för hovringseffekten.
  3. Applicera egenskapen color med värdet blue när länkarna hovras.
index.html

index.html

index.css

index.css

copy
  • Använd . och klassnamnet för att välja ett element via dess klassnamn.
  • Använd pseudoklassen :hover för att reagera på muspekaren över elementet.
index.html

index.html

index.css

index.css

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 7

Fråga AI

expand

Fråga AI

ChatGPT

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

Awesome!

Completion rate improved to 2.56

bookUtmaning: Tillämpa Användaråtgärds-Pseudoklasser

Svep för att visa menyn

Uppgift

Vi har en företagswebbplats med kontaktinformation i sidhuvudets sektion. Din uppgift är att implementera en färgändring när en användare för muspekaren över länkarna i sidhuvudet.

Steg:

  1. Välj alla a-element med klassen header-link.
  2. Använd lämplig pseudoklass för hovringseffekten.
  3. Applicera egenskapen color med värdet blue när länkarna hovras.
index.html

index.html

index.css

index.css

copy
  • Använd . och klassnamnet för att välja ett element via dess klassnamn.
  • Använd pseudoklassen :hover för att reagera på muspekaren över elementet.
index.html

index.html

index.css

index.css

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 7
some-alt