Hola todos :
No entiendo por qué no hay una forma de poner seudo elementos ( como el
hover )
in line. Pero parece que es así.
Lo de poner -en general- estilos
in line, es para HTML, en XHTML ya no funciona.
Y es cierto que no tiene mucho sentido poner una clase/identificador para un solo y mugroso elemento. De hecho, el CSS era una ayuda para que los diseñadores no tuvieran que repetir atributos en cada etiqueta y hasta en cada documento, no para que hubiera que hacerlo
solamente de esa forma; pero de última, como dice
loej90 ( 
) Cita: ... las clases para los links son faciles, solo tienes q escribir unas cuantas letras ...
Me gustaría saber qué caso especial es ese que solamente permite escribir en el atributo
style=""; si se tiene acceso a la hoja de estilos, claro.
Por otro lado,
Código:
this.style.cssText='color: #cc0000'
es para
IExplorer, además de que borra cualquier estilo declarado previamente. Una forma más eficiente es
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title></title>
<style>
a{font-size:200%; }
</style>
</head><body>
<a href="#" onmouseover="this.style.color='#000000'; this.style.textDecoration='none'" onmouseout="this.style.color='#ff0000'; this.style.textDecoration='underline overline'" >link</a>
<br />
<a href="#" onfocus="this.style.color='#008000'; this.style.textTransform='capitalize'" onblur="this.style.color=''; this.style.textTransform=''" >link</a>
</body></html>
Otra manera sería
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title></title>
<style>
a{font-size: 200%; }
.otroEnlaceLink {color: #ff0000; text-decoration: underline overline; }
.otroEnlaceHover {color: #000000; text-decoration: none; }
</style>
</head><body>
<a href="#" class="enlace" onmouseover="this.className='otroEnlaceHover'; " onmouseout="this.className='otroEnlaceLink'; " >link</a>
</body></html>
saludos
furoya