: vurgulu - CSS Hileleri

Anonim

:hoverCSS 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

:hoverSözde sınıfı tüm tarayıcılar tarafından desteklenmektedir.