Poner dos estilos de link (a:hover) en una pagina

[watcherweb]

Hola, como sabran se puede definir el color de un link,para cuando es visitado, sin visitar y cuando pasas el mouse por encima (propiedad a:hover).

mi pregunta es, es posible definir dos o mas estilos de link para una seccion.

El codigo para definir el color es este, pero se le asigna a todos los links que pongas.

<style type="text/css">
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #0099CC;
}
</style>

Lo unico que he podido hacer es definir en el texto del link la fuente en un color diferente, pero no cambia el color al pasar el mouse ya que la define fija.

Espero explicarme y tengan alguna opcion.
Gracias

[_Adrian_]

Por ejemplo si tienes dos listas, se puede con class (<li class="lista1"><a>...</a></li> y <li class="lista2"><a>...</a></li>), en el CSS pones:
li.lista1 a:hover{...};, li.lista1 a:visited{...}; y li.lista2 a:hover{...};, li.lista2 a:visited{...};.

Saludos

[GatorV]

Tema movido desde Web general a CSS

[Portgaz]

Lo unico que he podido hacer es definir en el texto del link la fuente en un color diferente, pero no cambia el color al pasar el mouse ya que la define fija.

elimina cualquier decoracion a los links, antes.

a {
text-decoration: none;
}

Ahora especifica donde tienes los links, si los teneis dentro de un div, entonces:

#div a:link {color:#FFFFFF;}
#div a:hover {color:#DDDDDD}
#div a:active { ------------ }
#div a:visited { ----------- }

Solo afectara a dichos links que estan dentro de dicho div.