Foros del Web » Creando para Internet » CSS »

Que no cambie el color de los enlaces

Estas en el tema de Que no cambie el color de los enlaces en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/04/2004, 02:25
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
Que no cambie el color de los enlaces

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
  #2 (permalink)  
Antiguo 22/04/2004, 03:03
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 22/04/2004, 03:08
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
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
  #4 (permalink)  
Antiguo 22/04/2004, 03:31
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
Hola,

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

Gracias
  #5 (permalink)  
Antiguo 22/04/2004, 04:06
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
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>&nbsp;</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>

  #6 (permalink)  
Antiguo 22/04/2004, 04:26
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:14.