Foros del Web - Ayuda con dos estilos

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Ayuda con dos estilos (http://www.forosdelweb.com/f53/ayuda-con-dos-estilos-373715/)

Aoi	24/02/2006 05:36

Ayuda con dos estilos

Hola gente!

He mirado y remirado las FAQS que hay en este foro y también he probado como llevar a cabo ciertas cosas de CSS y lo único que no me sale, son las diferentes clases de links.

Cita:

Este seria el enlace por defecto:

a:link
{
color: #333333;
cursor: crosshair;
font-family: Trebuchet MS;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}

Y en el mismo CSS le he añadido este otro enlace:

Cita:

a.2006style:link
{
color: #FFFFFF;
cursor: crosshair;
font-family: Trebuchet MS;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}

Aun especificando en el link, la clase (2006style), el enlace me aparece en negro y no en blanco. ¿Tengo algun error en el código?

Gracias !

JavierB

24/02/2006 05:43

Hola Aoi

Creo que es porque el nombre de la clase empieza por número. Prueba poniendolo, por ejemplo, así:

a.style2006:link

Saludos, :adios:

Aoi	24/02/2006 07:25

He probado lo que me has dicho y nada, sigue igual.. :(

Aoi	24/02/2006 09:48

Bueno, ya lo he solucionado y era una tonteria...

Para que funcione la clase definida, hay que dejar un espacio:

Correcto : .nuevaclase a:link
Incorrecto : a.nuevaclase:link

Espero que esto os sirva de ayuda ;) un saludo ! Y gracias por la respuesta JavierB.

JavierB

24/02/2006 11:25

Me alegro de que lo hayas solucionado, pero me sorprende lo de que a.nuevaclase:link es incorrecto :pensando: He hecho un ejemplo sencillo y parece que funciona bien:

Código:

<html>

<head>

<style type="text/css">

a:link {color:red}

a.link2006:link {color:green}

</style>

</head>

<body>

<a href="algo.html">Enlace</a>

<a href="algo.html" class="link2006">Enlace</a>

</body>

</html>

Saludos, :adios:

man0l0

24/02/2006 12:16

Lo correcto es:
.Clase a:link {}

Así le dices al browser que el link contenido en .Clase tenga esos estilos, lo mismo para cualquier otro elemento que esté usando el estilo .Clase

Como: .Clase p {} o .Clase h1 {}, etc etc.

Saludos!

La zona horaria es GMT -6. Ahora son las 19:53.