Pseudokelas hover

Pseudokelas hover menentukan gaya untuk tautan yang sedang diarahkan oleh kursor mouse. Biasanya pseudokelas ini diterapkan bersamaan dengan pseudokelas link, visited dan active.

Sintaks

cssa:hover {
  
}

Contoh

Tautan yang belum dikunjungi akan berwarna merah, yang sudah dikunjungi - biru muda. Jika Anda mengarahkan kursor mouse ke atasnya - warnanya akan berubah menjadi hijau, dan jika Anda menekan tombol kiri mouse dan menahannya - akan menjadi hitam (status active):

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

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

Результат:

Lihat juga