: užveskite pelę - CSS-gudrybės

Anonim

:hoverPseudo klasė CSS parenka elementus, kai pelės žymeklis yra dabartinė virš jų. Paprastai tai siejama su nuorodos ( ) elementais.

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

Taigi, kai tokia nuoroda yra „užvesta“ (pvz., Naudojant žymeklį įrenginyje su pele):

Go to Google

Jis taps žalias, o po juo ir virš jo bus linija.

IE 6 ir žemesnėse :hover versijose , anksčiau dirbo tik su nuorodomis, tačiau naujesnėse naršyklėse jis veikia su bet kuriuo elementu. Tai gali būti ypač naudinga tokiems dalykams kaip išskleidžiamieji meniu, kuriuose galite laukti :hover pagrindinio sąrašo elemento ir tada atskleisti kitą įdėto meniu lygį. Tačiau atsargiai, svyravimo efektai turėtų būti derinami su tam tikrais veiksmais, nes tai buvo seniai žinomas žiniatinklio modelis.

Susijęs

  • : nuoroda
  • : aplankyta
  • : dėmesys
  • : aktyvus
  • LoVe & HAte

Daugiau išteklių

  • MDN dokumentai įjungti: užveskite pelės žymeklį
  • W3C specifikacija: užveskite pelės žymeklį

Naršyklės palaikymas

:hoverPseudo klasę palaiko visose naršyklėse.