La :hoverpseudo classe in CSS seleziona gli elementi quando il cursore del mouse è corrente su di essi. È comunemente associato agli elementi link ( ).
a:hover ( color: green; text-decoration: underline overline; )Quindi, quando un collegamento come questo viene "sospeso" (come con un cursore su un dispositivo con un mouse):
Go to GoogleDiventerà verde e avrà una linea sotto e sopra.
In IE 6 e versioni precedenti, :hover funzionava solo sui collegamenti, ma nei browser più recenti funziona su qualsiasi elemento. Questo può essere particolarmente utile per cose come i menu a discesa in cui è possibile attendere il :hover di un elemento dell'elenco principale e quindi rivelare il livello successivo del menu nidificato. Attenzione però, gli effetti al passaggio del mouse dovrebbero essere associati a qualche tipo di azione, poiché questo è stato un modello web consolidato.
Relazionato
- : collegamento
- : visitato
- :messa a fuoco
- :attivo
- Amore odio
Più risorse
- Documenti MDN su: hover
- Le specifiche W3C su: hover
Supporto browser
La :hoverpseudo classe è supportata da tutti i browser.