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

cssa: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):

html<a href="#">link</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Zobacz też