: svæver - CSS-tricks | CSS Almanak 2025

Den :hoverpseudo klasse i CSS vælger elementer, når markøren er strøm over dem. Det er ofte forbundet med link ( ) -elementer.

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

Så når et link som dette er "svævet" (som med en markør på en enhed med en mus):

Go to Google

Den bliver grøn og har en linje under og over den.

I IE 6 og derunder :hover bruges det kun til links, men i nyere browsere fungerer det på ethvert element. Dette kan være særligt nyttigt til ting som rullemenuer, hvor du kan vente på en :hover af overordnede listeelementer og derefter afsløre det næste niveau i den indlejrede menu. Omhyggelig skal svæveeffekter kombineres med en slags handling, da det har været et længe etableret webmønster.