Псевдоклас 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;
}

Результат:

Погледајте такође

  • псевдоклас link,
    који задаје стил непосећеном линку
  • псевдоклас visited,
    који задаје стил посећеном линку
  • псевдоклас active,
    који задаје стил линку при активацији
  • псевдоклас focus,
    који задаје стил линку у фокусу