li: coloca el cursor sobre un color visitado
I dentro de mi elemento li, tengo un enlace y algo de texto dentro de un lapso.
Cuando paso el mouse sobre el li quiero cambiar el color del texto y el enlace, esto funciona bien, sin embargo, me cuesta establecer un color visitado y mantener esta funcionalidad.
Aquí está mi código -
HTML -
<ul id="progress" class="tour_1">
<li>
<span class="number"><a href="http://mylink.com">1</a></span>
<span class="desc">A Link</span>
</li>
</ul>
CSS -
#progress li { float: left; width: 20%; text-align:center; font-size: 12px; color: #CCC; z-index: 10 }
#progress li .number { font-size: 24px; font-weight: 400; border: 2px solid #CCC; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; width: 30px; height: 30px; display: block; margin: 0 auto; background-color: #FFF }
#progress li:hover, li:hover a:hover { color: #333; }