Foros del Web » Creando para Internet » CSS »

Ayuda con dos estilos

Estas en el tema de Ayuda con dos estilos en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/02/2006, 05:36
Aoi
 
Fecha de Ingreso: octubre-2003
Mensajes: 16
Antigüedad: 14 años, 2 meses
Puntos: 0
Pregunta 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 !
  #2 (permalink)  
Antiguo 24/02/2006, 05:43
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola Aoi

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

a.style2006:link

Saludos,
  #3 (permalink)  
Antiguo 24/02/2006, 07:25
Aoi
 
Fecha de Ingreso: octubre-2003
Mensajes: 16
Antigüedad: 14 años, 2 meses
Puntos: 0
He probado lo que me has dicho y nada, sigue igual.. :(
  #4 (permalink)  
Antiguo 24/02/2006, 09:48
Aoi
 
Fecha de Ingreso: octubre-2003
Mensajes: 16
Antigüedad: 14 años, 2 meses
Puntos: 0
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.
  #5 (permalink)  
Antiguo 24/02/2006, 11:25
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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,
  #6 (permalink)  
Antiguo 24/02/2006, 12:16
 
Fecha de Ingreso: febrero-2006
Mensajes: 150
Antigüedad: 11 años, 10 meses
Puntos: 6
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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:20.