Звичайне використання станів посилань у CSS

Навчимося задавати загальні стилі для всіх посилань та змінювати їх поведінку при наведенні курсора.

Загальний стиль посилань

У більшості випадків не потрібно окремо описувати :link і :visited. Достатньо використати звичайний селектор a, який застосує стиль до всіх посилань.

a {
  color: red;
}

a:hover {
  text-decoration: none;
}

<a href="#">
  link
</a>

📌 Завдання:

💡 Показати підказку

Загальні стилі задайте через селектор a, а поведінку при наведенні — через a:hover.

✅ Показати відповідь

a {
  color: skyblue;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}