CSSda havolalar holatlaridan oddiy foydalanish

Odatda, barcha turdagi havolalar uchun holatlar bir vaqtning o'zida ko'rsatiladi, keyin esa pastga havolaning sichqoncha ustiga kelgandagi xususiy xatti-harakati qo'shiladi, mana shunday:

cssa {
  color: red;
}
a:hover {
  text-decoration: none;
}

html<a href="#">havola</a>

Результат:

Задание 1

Barcha havolalarni barcha holatlarida ko'k rangda va chizilmagan qiling, :hover holatida esa qizil rangda va chizilgan bo'lsin.