Que no cambie el color de los enlaces

abuenog · #1 (**permalink**) 22/04/2004, 01:25

Hola, que tal.

Lo que quiero es que no me coja el color de los enlaces, sino el color del tag padre.

Si por ejemplo tengo esto:

<p style="color:red"><a href="">test</a></p>

que estilo he de añadirle a <a> para que me coja el color del padre. Y no puedo añadirle también el color red a <a>, ya que el estilo irá en una hoja de estilo y será genérico a todas las a.

gracias

PatomaS · #2 (**permalink**) 22/04/2004, 02:03

Hola

Bueno, la pregunta es ¿hay tantas variaciones de colores en los párrafos y vínculos como para no poder crear clases y usarlas según convenga o asignar el estilo directamente al vínculo?

De todas formas, con este ejemplo creo que te aclararás y te servirá:

<style>
.herencia {
color: #ff0000;
}
.herencia_2 {
color: inherit !important;;
}
</style>

<p class="herencia"><a href="" class="herencia_2">test</a></p>

Como ves, le asigno el color al padre, en este caso, la <p> y luego al vínculo le digo que "herede" el estilo del color del padre.

Puedes revisar más detalles aquí:

http://www.w3.org/TR/CSS2/cascade.html#inheritance

Suerte

Felicidad

abuenog · #3 (**permalink**) 22/04/2004, 02:08

Gracias

con el ejemplo que me pones creo que podré probar ya algunas cosas. Probaba a poner el inherit a la a, pero no me acaba de funcionar.

Con tu ejemplo ya puedo mirar.

gracias

abuenog · #4 (**permalink**) 22/04/2004, 02:31

Hola,

he probado el ejemplo que me has escrito y no me funciona correctamente. Me sigue saliendo el enlace de azul...

Gracias

tunait · #5 (**permalink**) 22/04/2004, 03:06

Hola Alberto,

prueba a ver si hacerlo con javascript te lo soluciona.

Tal vez esto te pueda servir

<script language="javascript">
function enlaces(){
for(m=0;m<document.getElementsByTagName('a').lengt h;m++){
document.getElementsByTagName('a')[m].style.color = document.getElementsByTagName('a')[m].parentNode.style.color
}
}
window.onload=enlaces
</script>
</head>

<body>
<p> </p>
<p style="color:red">pepe <a href="">test</a></p>
<p style="color:green">pepe <a href="">test</a></p>
<p style="color:blue">pepe <a href="">test</a></p>
<p style="color:orange">pepe <a href="">test</a></p>
</body>

abuenog · #6 (**permalink**) 22/04/2004, 03:26

Hola,

Gracias Tunait, el ejemplo funciona perfectamente. Pero creo que es un poco engorroso tener que hacer esto, debiendose de poder hacer con css...

Y supongo que para el cliente es más complejo poder trabajar con estilos si les doy esta solución.

Igualmente me gusta la manera de trabajar y quizá la pueda utilizar para otros casos.

saludos