:hover
CSS seçtiği öğelerinde sözde sınıfı fare imlecini üzerlerine geçerli olduğunda. Genellikle link ( ) öğeleriyle ilişkilendirilir .
a:hover ( color: green; text-decoration: underline overline; )
Dolayısıyla, bunun gibi bir bağlantı "üzerine geldiğinde" (fareli bir cihazdaki imleç gibi):
Go to Google
Yeşile dönecek ve altında ve üstünde bir çizgi olacaktır.
IE 6 ve altında, :hover
yalnızca bağlantılarda çalışırdı, ancak daha yeni tarayıcılarda herhangi bir öğe üzerinde çalışır. Bu, özellikle :hover
bir üst liste öğesini bekleyebileceğiniz ve ardından iç içe geçmiş menünün bir sonraki düzeyini gösterebileceğiniz açılır menüler gibi şeyler için yararlı olabilir . Dikkatli olun, uzun süredir yerleşik bir web modeli olduğundan, vurgulu efektler bir tür eylemle birleştirilmelidir.
İlişkili
- : bağlantı
- :ziyaret
- : odak
- :aktif
- LoVe ve HAte
Daha fazla kaynak
- MDN Docs açık: üzerine gelindiğinde
- W3C özellikleri: üzerine gelindiğinde
Tarayıcı Desteği
:hover
Sözde sınıfı tüm tarayıcılar tarafından desteklenmektedir.