Pseudoklasė hover

Pseudoklasė hover nustato stilius nuorodai, ant kurios užvedame pelės žymeklį. Paprastai ši pseudoklasė naudojama kartu su pseudoklasėmis link, visited ir active.

Sintaksė

cssa:hover {
  
}

Pavyzdys

Nelankyta nuoroda bus raudonos spalvos, lankyta – mėlynos. Jei užvesite ant jos pelės žymeklį – ji taps žalios spalvos, o jei paspausite kairįjį pelės mygtuką ir jį laikysite – taps juodos (active būsena):

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

Результат:

Taip pat žiūrėkite

  • pseudoklasė link,
    kuri nustato nelankytos nuorodos stilių
  • pseudoklasė visited,
    kuri nustato lankytos nuorodos stilių
  • pseudoklasė active,
    kuri nustato nuorodos stilių aktyvinimo metu
  • pseudoklasė focus,
    kuri nustato nuorodos stilių fokuse