: hõljumine - CSS-trikid

Anonim

:hoverPseudo 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

:hoverPseudo klassi toetavad kõik brauserid.