Pseudoclasa hover

Pseudoclasa hover definește stilurile pentru linkul peste care trecem cu mouse-ul. De obicei, această pseudoclassă este aplicată împreună cu pseudoclasele link, visited și active.

Sintaxă

cssa:hover {
  
}

Exemplu

Un link nevizitat va fi de culoare roșie, unul vizitat - albastru. Dacă treceți cu mouse-ul peste el - va deveni verde, iar dacă apăsați și mențineți apăsat butonul stâng al mouse-ului - va deveni negru (starea active):

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

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

Результат:

Vedeți și