: vznášet se - Triky CSS

Anonim

Třída :hoverpseudo v CSS vybírá prvky, když je nad nimi aktuální kurzor myši. Obvykle je spojován s prvky link ( ).

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

Takže když je takový odkaz „vznášen“ (jako u kurzoru na zařízení s myší):

Go to Google

Zezelená a pod ní a nad ní bude čára.

V IE 6 a níže, který se :hover dříve používal pouze na odkazy, ale v novějších prohlížečích funguje na jakémkoli prvku. To může být zvláště užitečné pro věci, jako jsou rozbalovací nabídky, ve kterých můžete počkat :hover na položku nadřazeného seznamu a poté odhalit další úroveň vnořené nabídky. Opatrně by však efekty přechodu měly být spojeny s nějakým druhem akce, protože to byl dlouho zavedený webový vzor.

Příbuzný

  • :odkaz
  • : navštíveno
  • :soustředit se
  • :aktivní
  • Láska nenávist

Další zdroje

  • MDN Docs on: hover
  • Specifikace W3C: vznášet se

Podpora prohlížeče

Třída :hoverpseudo je podporována všemi prohlížeči.