La pseudo clase más utilizada es, sin duda, la representación de diferentes estados de los hipervínculos.
<a class="ejemplo" href="#">Ejemplo de un vínculo</a>
a.ejemplo {
font-size: 200%;
font-weight: bold;
background-color: #fff;
}
/* sin pulsar color azul */
a.ejemplo:link {
color: #006;
}
/* visitado en color gris */
a.ejemplo:visited {
color: #999;
}
/* con el foco color rojo oscuro */
a.ejemplo:focus {
color: #f00;
}
/* pulsando color rojo claro */
a.ejemplo:hover {
color: #a00;
}
a.ejemplo:active {
color: #f00;
}