: lebeg - CSS-trükkök | CSS Almanach 2025

A :hoverCSS álosztálya akkor választja ki az elemeket, amikor az egér kurzor aktuális felettük van. Általában link ( ) elemekkel társul .

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

Tehát, amikor egy ilyen link „lebegtet” (például egy egérrel ellátott eszközön lévő kurzorral):

Go to Google

Zöld színűvé válik, és alatt és fölött van egy vonal.

Az IE 6-ban és a későbbiekben :hover régebben csak linkeken működött, de az újabb böngészőkben bármely elemen működik. Ez különösen hasznos lehet például a legördülő menükben, amelyekben megvárhatja a :hover szülőlista elemét, majd felfedheti a beágyazott menü következő szintjét. A körültekintő hatásokat azonban óvatosan, valamilyen cselekvéssel kell párosítani, mivel ez már régóta bevált webminta.