Az <A> tag-hez használhatjuk a pszeudo-osztályokat.
| Állapot | Leírás |
| a:link | Még nem látogatott (mostanában) |
| a:visited | Már látogatott (mostanában} |
| a:hover | Az egér felette van |
| a:active | A kiválasztott (pl. egér gomb lenyomva) |
Nézzünk egy példát:
...
...
<body>
Hivatkozások pszeudo-osztályai
linkelek ide
linkelek oda
Mégis itt maradok
</body>
Ezzel a hivatkozások mind a négy lehetséges állapotát tudjuk formázni. Sokkal több a lehetőség, mint a <BODY> elem link és vlink beállítási lehetőségénél.
Figyelmeztetés: A sorrend lényeges! Az "a:link" és az "a:visited" után kell írni a "a:hover" sort, különben nem működik. A sor végére kell kerülnie az "a:active" meghatározásnak! A Pseudo-class nevek nem kisbetű-nagybetű érzékenyek.
Figyeljük meg, milyen ronda eredményt hoz, ha más betűméretet adunk meg valamelyik állapothoz.
Háttérkép alkalmazására találsz példát itt.