151 of 313 menu

Pseudoklasa hover

Pseudoklasa hover definiuje style dla linka, na który najechaliśmy myszką. Zazwyczaj tej pseudoklasy używa się razem z pseudoklasami link, visited i active.

Składnia

a:hover { }

Przykład

Nieodwiedzony link będzie koloru czerwonego, odwiedzony - niebieskiego. Jeśli najedziesz na niego myszką - stanie się koloru zielonego, a jeśli naciśniesz lewy przycisk myszy i będziesz go przytrzymywać - stanie się czarny (stan active):

<a href="#">link</a> a:link { color: red; } a:visited { color: blue; } a:hover { color: green; } a:active { color: black; }

:

Zobacz też

  • pseudoklasa link,
    która definiuje styl nieodwiedzonemu linkowi
  • pseudoklasa visited,
    która definiuje styl odwiedzonemu linkowi
  • pseudoklasa active,
    która definiuje styl linkowi po aktywacji
  • pseudoklasa focus,
    która definiuje styl linkowi w fokusie
itenuzcesuz