: sväva - CSS-tricks | CSS Almanack 2025

Den :hoverpseudo klass i CSS väljer element när muspekaren är aktuell över dem. Det är ofta associerat med link ( ) -element.

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

Så när en sådan länk ”svävar” (som med en markör på en enhet med en mus):

Go to Google

Den blir grön och har en linje under och ovanför den.

I IE 6 och senare, :hover brukade det bara fungera på länkar, men i nyare webbläsare fungerar det på alla element. Detta kan vara särskilt användbart för saker som rullgardinsmenyer där du kan vänta :hover på ett överordnat listobjekt och sedan avslöja nästa nivå i den kapslade menyn. Var försiktig dock att svävareffekter ska kopplas till någon form av åtgärder, eftersom det har varit ett etablerat webbmönster.