No cambiar color de los links, ni utilizar el default

[Charcab]

Hola a todos!

Estoy desarrollando una página web, y utilizo CSS para adornarla :)

Necesito ayuda con los links, ya que tengo todo perfectamente calibrado con sus respectivos colores, pero al adicionarle los links, aparece el MALDITO azul predeterminado y el subrayado.

Coloqué estas líneas, y así solucione lo del subrayado, pero con el color no sé que hacer, ya que me cambia todos los colores, porque el que le indique y si no le indico ninguno me coloca los predeterminados.

a{ text-decoration: none; color: #000066;}
a:hover { text-decoration: underline; }

Alguna idea?
Muchas gracias.

[kemie]

no entiendo muy bien... no quieres el color que le indicaste y tampoco quieres el predeterminado?

si quieres otro color, simplemente puedes sustituir el #000066 por el color que quieras....

[Shion]

especifica el color para cada estado

a:link
a:active
a:visited

[Charcab]

Verán, quiero utilizar los valores que he utilizado, por ejemplo para h1, h2 y a la vez que tengan un link, pero únicamente se subraye al estar encima, no que se coloque otro color en vez del fijado para h1 o h2.

Ejemplo

Código PHP:

  <a href="link.com"><h1>Título</h1><p>Otra cosa</p></a> 
   

Yo he fijado un color para los párrafos y otro para las cabeceras (h1) y no quiero que al ponerle el enlace, lo afecten los colores del link. Se entiende?

[kemie]

hm, si, se entiende, pero creo que no hay manera. en tal caso tienes que definir un color de link para cada caso.

tu ejemplo anterior está un poco mal semánticamente (no puedes tener un h1 ni un párrafo dentro de un link). si tuvieras

<h1>Titulo <a href="...">link</a> </h1>

puedes especificar

h1, h1 a{
color:#66666;
}

y así estás especificando que quieres ese color tanto para el h1 como para todos los links ("a") que haya dentro de los h1

[Charcab]

muchas gracias. Pues así quedará.

[Durgeoble]

a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: underline;
}
a:visited {
color: inherit;
text-decoration: none;