Introduzione ai CSS - HTML5 con CSS e JavaScript - page 71

quello rappresentato dai link, che sono inseriti usando il tag a , in cui il link può presentare
diversi stati, legati all'interazione dell'utente con la pagina:
link: quando il link viene visualizzato nella pagina;
hover: quando l'utente passa con il mouse sopra il link;
active: quando il link è quello attivo;
visited: quando il link è già stato visitato.
Per consentire allo sviluppatore di personalizzare l'aspetto di tutta la pagina, le specifiche
CSS consentono di definire degli stili per questi stati, che prendono il nome di pseudoclassi.
L'origine del nome è da ricercare nel fatto che non si tratta di vere e proprie classi, quanto
di classi legate allo stato degli elementi, che il browser crea in maniera trasparente e non
sono ricavate dal markup.
In maniera particolare, queste regole prendono il nome di pseudo-classi e si definiscono
come nell'esempio 4.9 .
Esempio 4.9 - HTML
<a href="http://www.html5italia.com/">HTML5Italia.com</a>
Esempio 4.9 - CSS
a {
color: black;
}
a:hover {
color: red;
}
a:visited{
color:gray;
}
a:active{
color:green;
}