: lidināties - CSS-triki

Anonim

:hoverPseido klases CSS izvēlas elementu, kad peles kursors ir pašreizējais pār tiem. Tas parasti ir saistīts ar link ( ) elementiem.

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

Tātad, kad šāda saite tiek “virzīta uz vietas” (piemēram, ar kursoru ierīcē ar peli):

Go to Google

Tas kļūs zaļš, un zem tā un virs tā būs līnija.

IE 6 un :hover jaunākās versijās, kas agrāk darbojās tikai ar saitēm, bet jaunākās pārlūkprogrammās tas darbojas ar jebkuru elementu. Tas var būt īpaši noderīgi tādām lietām kā nolaižamās izvēlnes, kurās varat gaidīt :hover vecāku saraksta vienumu un pēc tam atklāt nākamo ligzdotās izvēlnes līmeni. Lai gan uzmanīgi, kursora efekti būtu jāapvieno ar kāda veida darbībām, jo ​​tas ir bijis sen izveidots tīmekļa modelis.

Saistīts

  • : saite
  • : apmeklēja
  • : fokuss
  • : aktīvs
  • Mīlestība naids

Vairāk resursu

  • MDN dokumenti ieslēgti: virziet kursoru
  • W3C specifikācija: virziet kursoru

Pārlūka atbalsts

:hoverPseido klases atbalsta visas pārlūkprogrammas.