[SOLUCIONADO] CSS para hover en atributo style

[creativoweb93]

Recién comienzo a entender cómo funciona html y css para darle vida a las páginas, pero me salió el siguiente problema...

Comprendo que a un link puedo dale estilo con, por ejemplo color rojo

Código HTML:

<a href="pagina.html" style="color:red;">Enlace</a> 

Pero ahora quiero que cuando el mouse este encima del link cambie a color azul. Investigue que esto se hace con :hover, pero no sé cómo meterlo en el código. He intentado con

Código HTML:

<a href="pagina.html" style="color:red;" style:hover="color:blue;">Enlace</a>
<a href="pagina.html" style="color:red; color:hover:red;">Enlace</a>
<a href="pagina.html" style="color:red;"> <a:hover href="pagina.html" style="color:blue;">Enlace</a:hover></a> 

¿Alguien sabe cómo hacer esto?, grax.

[pzin]

:hover es una pseudo-clase, que forma parte de los selectores CSS, no es un atributo, que son los que puedes definir dentro de style.

Tendrás que tener tu archivo CSS con tus reglas, y ahí puedes poner algo como:

Código CSS:

a:hover {
  color: red;
}
 

[creativoweb93]

Ah, ok. Entonces de plano en style no hay manera de hacerlo?
Es que esto lo quiero usar para unos estilos en un blog y no se como añadir archivos CSS.

Grax.

[creativoweb93]

Por cierto, creo que me equivoqué de foro. Creo que debí haber escrito esto en el sub-foro css, jijijiji. Como lo puedo mover?

[pzin]

No, tienes que ponerlo o bien en un archivo CSS o dentro de una etiqueta <style>.

Más info por aquí: http://librosweb.es/css/capitulo_1/c...nto_xhtml.html

[creativoweb93]

Ah. Ok pzin. Ya entendi +-

Pero ahora estoy investigando sobre un tip que me pasaron usando eventos de javascrit. Para poner el estilo con atributos.

Grax.

[pzin]

Yo te recomendaría hacerlo por CSS, porque para eso está CSS. La único que tienes que hacer es enlazar la página con el documento CSS, que es de las cosas más básicas que hay. Quiero decir, nada complejo de hacer.

[Rafael]

Y ojo. Si estás recién aprendiendo, no te vayas con "me dijeron por ahí". Mejor estudia CSS metódicamente, ya después haces experimentos, pero eso después..

[creativoweb93]

Tienen toda la razon chicos lo mejor es usar puro css. Pero ya encontre la solucion con los famosos eventos (como cultura general, jijijijiji).

Código HTML:

<a href="pagina.html" style="color:red;" onmouseover="this.style.color='blue'" onmouseout="this.style.color='red'">Enlace</a> 

Pero si la mejor solucion es...

Código CSS:

a.cambiacolor
    {
    color: red;
    }
 
a.cambiacolor:hover
    {
    color: blue;
    }
 

Código HTML:

<a href="pagina.html" class="cambiacolor">Enlace</a> 

Grax a todos.