Псевдоклас hover

Псевдокласът hover задава стилове за връзка, върху която сме насочили мишката. Обикновено този псевдоклас се прилага съвместно с псевдокласовете link, visited и active.

Синтаксис

cssa:hover {
  
}

Пример

Непосетената връзка ще бъде в червен цвят, посетената - в син. Ако насочите върху нея мишката - тя ще стане в зелен цвят, а ако натиснете левия бутон на мишката и го задържите - ще стане черна (състояние active):

html<a href="#">връзка</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Вижте също