Hola, desde mi punto de vista podrias hacer lo siguiente.
Primero el codigo del menu en tu pagina web dentro de un div
Código:
<div id="menu">
<ul>
<li><a href='....'>Inicio</a></li>
<li><a href='.....'>Pagina1</a></li>
<li><a href='......'>Pagina2</a></li>
<li><a href='.....'>Pagina3</a></li>
</ul>
</div>
Luego en las css creas los codigos para los eventos de la etiqueta <a> ya que es la usada en este elemplo.
Código:
#menu li a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#fb5f5f;
text-decoration:none;
margin-left:15px;
margin-top:5px;
}
#menu li a:hover{
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#ffffff;
margin-left:15px;
margin-top:5px;
}
Creo que esta css es bastante sencilla pero para cualquier duda no dudes en consultarme. Lo que hace este trocito de css seria lo siguiente.
En el div menu, buscaria en una etiqueta de menu <li> una etiqueta <a> el primer evento serviria para definir los estilos para un link ya visitado, y el segundo para cuando se pasa el raton por encima del mismo.
Espero que esta breve explicacion te sirva de ayuda.
Un saludo
Pinty