Hola, cree un menú horizontal con el típico efecto que al pasar el ratón cambia de color las diferentes opciones. Las opciones del menú son links a otros partes de la web pero el menú siempre sigue.
Me gustaría que cuando el menú estuviera activo, su opción estubiera en otro color. Prober varias cosas pero no me sale. El coldigo es este:
#navegador li a {color:black;background-color:#fffff}
#navegador li a:hover{background-color:#fffff;color:#a71b1b}
<div id="navegador">
<ul>
<li><a href="#">opcion1</a></li>
<li><a href="#">opcion2</a></li>
</ul>
</div>
he probado meter font antes de etiqueta <a> pero modifica tamaño pero el color ni caso.
Si alguien tiene alguna idea. Gracias.