:hover
Pseudo klassi CSS valib elemente, kui hiirekursor on praeguse üle. See on tavaliselt seotud linki ( ) elementidega.
a:hover ( color: green; text-decoration: underline overline; )
Nii et kui selline link on hõljutatud (näiteks kursori abil seadmes hiirega):
Go to Google
See muutub roheliseks ning selle all ja kohal on joon.
IE 6-s ja :hover
vanemates versioonides on see varem töötanud ainult linkidega, kuid uuemates brauserites töötab see mis tahes elemendiga. See võib olla eriti kasulik selliste asjade puhul nagu rippmenüüd, kus saate oodata :hover
vanemate loendiüksuse tähist ja seejärel avada pesastatud menüü järgmine tase. Ettevaatlik peaks aga hõljumisega seotud efekt olema koos mingisuguste toimingutega, kuna see on olnud juba ammu väljakujunenud veebimuster.
Seotud
- :link
- : külastatud
- : fookus
- : aktiivne
- LoVe & HAte
Rohkem ressursse
- MDN-i dokumendid on sees: hõljutage kursorit
- W3C spetsifikatsioon: hõljutamine
Brauseri tugi
:hover
Pseudo klassi toetavad kõik brauserid.