Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Застосування Псевдокласів Дій Користувача | Початок Роботи з CSS
Основи CSS

bookЗавдання: Застосування Псевдокласів Дій Користувача

Завдання

На корпоративному вебсайті контактна інформація розміщена у верхньому колонтитулі. Необхідно реалізувати зміну кольору при наведенні курсору на посилання у цьому розділі.

Кроки:

  1. Вибрати всі елементи a з класом header-link.
  2. Використати відповідний псевдоклас для ефекту наведення.
  3. Застосувати властивість color зі значенням blue під час наведення на посилання.
index.html

index.html

index.css

index.css

copy
  • Для вибору елемента за класом використовуйте . та назву класу.
  • Для реакції на наведення курсору миші використовуйте псевдоклас :hover.
index.html

index.html

index.css

index.css

copy

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 2.56

bookЗавдання: Застосування Псевдокласів Дій Користувача

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

Завдання

На корпоративному вебсайті контактна інформація розміщена у верхньому колонтитулі. Необхідно реалізувати зміну кольору при наведенні курсору на посилання у цьому розділі.

Кроки:

  1. Вибрати всі елементи a з класом header-link.
  2. Використати відповідний псевдоклас для ефекту наведення.
  3. Застосувати властивість color зі значенням blue під час наведення на посилання.
index.html

index.html

index.css

index.css

copy
  • Для вибору елемента за класом використовуйте . та назву класу.
  • Для реакції на наведення курсору миші використовуйте псевдоклас :hover.
index.html

index.html

index.css

index.css

copy

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

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

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

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