Den :hoverpseudo klasse i CSS velger elementer når musepekeren er gjeldende over dem. Det er ofte forbundet med link ( ) -elementer.
a:hover ( color: green; text-decoration: underline overline; )Så når en lenke som denne er "svevet" (som med en markør på en enhet med en mus):
Go to GoogleDen blir grønn og har en linje under og over den.
I IE 6 og under, :hover pleide det bare å fungere på lenker, men i nyere nettlesere fungerer det på ethvert element. Dette kan være spesielt nyttig for ting som rullegardinmenyer der du kan vente :hover på et overordnet listeelement og deretter avsløre neste nivå i den nestede menyen. Forsiktig, bør sveveeffekter være kombinert med en slags handling, da det har vært et veletablert webmønster.
I slekt
- : lenke
- : besøkt
- :fokus
- :aktiv
- Elsk hat
Flere ressurser
- MDN Docs på: sveve
- W3C-spesifikasjonen for: sveve
Nettleserstøtte
Den :hoverpseudo klassen er støttet av alle nettlesere.