Pseudo-class hover

hover pseudo-class'ı, fare ile üzerine geldiğimiz bağlantı için stiller tanımlar. Genellikle bu pseudo-class, link, visited ve active pseudo-class'ları ile birlikte uygulanır.

Sözdizimi

cssa:hover {
  
}

Örnek

Ziyaret edilmemiş bir bağlantı kırmızı renkte olacak, ziyaret edilmiş olan ise mavi renkte olacaktır. Eğer fare ile üzerine gelirseniz - yeşil renge dönüşecek, eğer sol fare düğmesine basılı tutarsanız - siyah renge dönüşecektir (active durumu):

html<a href="#">bağlantı</a>

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

Результат:

Ayrıca bakınız