Estilos <a>

[_cronos]

Hola gente, mi problema es el siguiente. Estoy haciendo una página y me gustaría darles formato porque el formato usual es muy feo. Para eso usé esto:

Código CSS:

<style type='text/css'>
a .enlace:hover {color:#0C9; background-color:#F60;}
a .enlace:link {color:#FFF;}
a .enlace:visited {color:#FFF;}
a .enlace:active {color:#0C9; background-color:#F60;}
</style>
 

Código HTML:

<div id='capaPersonal'>Si quieres una experiencia más personal de la página, haz click <a href='#' onclick='checkCookie();' class='enlace'>aquí</a></div><!-->Esto luego coge las cookies y demás...<!-->
 

La cuestión es que paso por encima el ratón y hago click, y no pasa nada. ¿Se les ocurre algo?
Gracias de antemano,
Saludos (:

[zerokilled]

hasta donde me parece, no puede haber un espacio en la definicion del elemento y la clase en el css. es decir, debes definir asi el selector...

Código:

a.enlace:link{
...
}

[_cronos]

Exactamente, era eso. Error de libro ...
Por cierto, en el foro de JS están preguntando cómo inhabilitar la función atrás del navegador, y me suena que tú tenías un código para ello.

--------------------------------------------------------------------------------------
Edit: Me acabo de dar cuenta que en el hover no cambia el color -.-'

Código CSS:

<style type='text/css'>
a.enlace:hover {color:#F00; background-color:#F60;}
a.enlace:link {color:#FFF;}
a.enlace:visited {color:#FFF;}
a.enlace:active {color:#F00; background-color:#F60;}
</style>
 

Cambié los colores por si acaso era que se veían mal pero es imposible que no vea el rojo xD Sin embargo el active sí funciona.

[zerokilled]

en realidad te debe estar tomando la pseudoclase link. el problema debe ser que la url # ya la visitastes. prueba asignando una url en href que no hayas visitado. respecto al tema de javascript ya lo habia visto pero no me voy a poner a buscar el tema porque ya varias veces lo he indicado... con que busque un poco encontrara la solucion.

[_cronos]

Volviste a acertar.
Muchísimas gracias (:

[jomaruro]

Hola:

Existe una regla para ordenar las pseudoclase, y es love & hate, es decir:

Código CSS:

.link
.visited
.hover
.active
 

Saludos.