Ayuda con dos estilos

Aoi · #1 (**permalink**) 24/02/2006, 05:36

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 · #2 (**permalink**) 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,

Aoi · #3 (**permalink**) 24/02/2006, 07:25

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

Aoi · #4 (**permalink**) 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 · #5 (**permalink**) 24/02/2006, 11:25

Me alegro de que lo hayas solucionado, pero me sorprende lo de que a.nuevaclase:link es incorrecto

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,

man0l0 · #6 (**permalink**) 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!