A :hover vagy :active álosztály kijelölők felhasználásával módosíthatjuk a HTML elemek css beállításait abban az esetben, ha az egérkurzor a az elem fölé ér, vagy a felhasználó megnyomja a bal egérgombot, az egérkurzorral az elem felett állva.
A változás azonnal és minden átmenet nélkül életbe lép.
Ezeket az álosztályokat tipikusan beviteli elemeknél és linkeknél szokás használni, de lehetőség van például képtárak esetén a kiválasztott kép kiemelésére, vagy akár egy általános tároló elem tulajdonságainak módosítására.
Példa:
Forráskód
<style>
#img1:hover { width: 380px; height: 200px; }
</style>
....
<body>
<img src="Modern_halo_n.jpg" id="img1"
alt="Minta kép" width="250px" height="150px">
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_valtozas_1.html