Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Challenge: Apply User Action Pseudo-Classes | Section
CSS Fundamentals for React Developers - 1768407374224

bookChallenge: Apply User Action Pseudo-Classes

Task

We have a company website with contact information in the header section. Your task is to implement a color change when a user hovers over the links in the header section.

Steps:

  1. Select all a elements with the header-link class.
  2. Use the appropriate pseudo-class for the hover effect.
  3. Apply the color property with the value blue when the links are hovered.
index.html

index.html

index.css

index.css

copy
  • Use the . and the class name to select an element by its class name.
  • Use the :hover pseudo-class to react on mouse cursor hover.
index.html

index.html

index.css

index.css

copy

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 7

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookChallenge: Apply User Action Pseudo-Classes

Свайпніть щоб показати меню

Task

We have a company website with contact information in the header section. Your task is to implement a color change when a user hovers over the links in the header section.

Steps:

  1. Select all a elements with the header-link class.
  2. Use the appropriate pseudo-class for the hover effect.
  3. Apply the color property with the value blue when the links are hovered.
index.html

index.html

index.css

index.css

copy
  • Use the . and the class name to select an element by its class name.
  • Use the :hover pseudo-class to react on mouse cursor hover.
index.html

index.html

index.css

index.css

copy

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 7
some-alt