Bueno, de nada; a ambos. En tu caso, con un poco de atraso,
Marche. Por alguna razón no vi tu último mensaje; y es una lástima, porque mi ejemplo tenía también una última parte que no publiqué porque creí que el tema se terminaba así.
Ahora que veo que todavía siguen aprovechando el código, la agrego y explico el resto.
Resulta que sí se puede hacer sólo con CSS. El tema es que no desde el elemento como "in line", pero sí desde el
body, porque las hojas de estilo se cargan en orden y la última reemplaza a la anterior cuando coinciden la propiedad y el valor.
Si no podemos cambiar una hoja de estilos externa, al menos podemos leerla; y copiando solamente la parte que queremos cambiar, nos alcanza para pegarla en el cuerpo de la página con nuestros valores modificados.
Un ejemplo con
hover : si el sitio tiene una hoja como
estilo.css
Código:
body {font-style: italic; }
#encabezado a:link {color: white; background-color: gray; }
#encabezado a:visited {color: lime; }
#encabezado a:hover {color: teal; background-color: silver; }
#encabezado {background-color: gray; }
La podemos descargar y verla para copiar el código que nos interesa. Lo modificamos y lo pegamos en el
body de esta forma
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>CAMBIAR ESTILOS EXTERNOS.</title>
<link href="estilo.css" rel="stylesheet" rev="stylesheet" type="text/css">
</head>
<body>
<!-- Comienza estilo modificado -->
<style type="text/css">
#encabezado a:link {color: green; background-color: silver; }
#encabezado a:visited {color: aqua; }
#encabezado a:hover {color: yellow; background-color: red; }
</style>
<!-- Termina estilo modificado -->
<div id=encabezado><a href="http://www.forosdelweb.com/">Foros del Web</a> |
<a href="http://www.forosdelweb.com/f53/como-defino-color-hover-pero-dentro-propiedad-style-link-349071/">como defino el color (hover) pero dentro de la propiedad "style" de un link?</a> |
<a href="javascript:void(0)">Enlace Falso</a>
</div>
<h2>Encabezado con estilos de <tt>hover</tt> desde código en <tt>body</tt>.</h2>
<a href="http://www.forosdelweb.com/">Foros del Web</a> |
<a href="http://www.forosdelweb.com/f53/como-defino-color-hover-pero-dentro-propiedad-style-link-349071/">como defino el color (hover) pero dentro de la propiedad "style" de un link?</a> |
<a href="javascript:void(0)">Enlace Falso</a>
</body>
</html>
También se puede pegar justo encima de
</body>, para asegurarnos de que se va a cargar siempre después de la hoja externa; pero es medio exagerado.
Ahora que lo pienso, debí postear todo esto en su momento, pero no quise hacerlo hasta saber qué motivo había para no cambiar el archivo linkeado originalmente.
Y se me pasaron los años por no revisar mis temas pendientes ...