Pseudo-clases dinámicas (1)

Estos son algunos efectos que pueden conseguirse usando :link, :hover y :visited. A continuación de los ejemplos se muestran las reglas usadas. (El "link de control" no conduce a nada, sólo está para que siempre haya un link sin visitar en la página).

Link 2            Link 3            Link de control

A:link {font-family: serif; text-decoration: none}
A:hover {cursor: help; background-color: yellow; font-family: sans-serif}

El link normal tiene una fuente con serif, sin subrayar. Cuando se mueve el cursor sobre él, la fuente cambia a una sans-serif, el color de fondo es amarillo y el puntero del mouse se transforma en el que normalmente se utiliza para indicar que hay ayuda disponible (por lo general es un signo de interrogación).