: hiiren osoitin - CSS-temppuja | CSS-almanakka 2025

:hoverPseudo luokka CSS valitsee elementit kun hiiren osoitin on nykyisen päälle. Se liittyy yleisesti linkki ( ) -elementteihin.

a:hover ( color: green; text-decoration: underline overline; )

Joten kun tällainen linkki "hiirellä" (kuten kohdistimen kohdalla laitteessa hiirellä):

Go to Google

Se muuttuu vihreäksi ja sen alla ja yläpuolella on viiva.

IE 6: ssa ja :hover sitä vanhemmissa versioissa, jotka toimivat aiemmin vain linkkien kanssa, mutta uudemmissa selaimissa se toimii missä tahansa elementissä. Tämä voi olla erityisen hyödyllinen esimerkiksi pudotusvalikoissa, joissa voit odottaa :hover vanhemman luettelokohdan ja paljastaa sitten sisäkkäisen valikon seuraavan tason. Varovasti leijuvaikutusten tulisi kuitenkin liittyä jonkinlaiseen toimintaan, koska se on ollut vakiintunut verkkokuvio.