Hover pszeudoklasszis

A hover pszeudoklasszis stílusokat határoz meg egy hivatkozás számára, amire az egérkurzorral rámutattunk. Ezt a pszeudoklasszist általában a link, visited és active pszeudoklasszisokkal együtt alkalmazzák.

Szintaxis

cssa:hover {
  
}

Példa

Egy nem látogatott hivatkozás piros színű lesz, egy látogatott pedig kék. Ha rámutatunk az egérrel - zöld színűvé válik, és ha lenyomjuk az egér bal gombját és tartjuk - feketévé válik (active állapot):

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

Результат:

Lásd még

  • link pszeudoklasszis,
    ami egy nem látogatott hivatkozás stílusát határozza meg
  • visited pszeudoklasszis,
    ami egy látogatott hivatkozás stílusát határozza meg
  • active pszeudoklasszis,
    ami a hivatkozás stílusát határozza meg aktiváláskor
  • focus pszeudoklasszis,
    ami a fókuszban lévő hivatkozás stílusát határozza meg