Foros del Web » Creando para Internet » HTML »

Estilos direfentes en una pagina

Estas en el tema de Estilos direfentes en una pagina en el foro de HTML en Foros del Web. yo se q para cambiar el aspecto de un enlace se usa este codigo: Código: a:link {color: #0000cc; font-weight: bold; text-decoration: none;} pero eso funciona ...
  #1 (permalink)  
Antiguo 06/05/2002, 11:43
 
Fecha de Ingreso: febrero-2002
Mensajes: 54
Antigüedad: 15 años, 9 meses
Puntos: 0
Estilos direfentes en una pagina

yo se q para cambiar el aspecto de un enlace se usa este codigo:
Código:
 a:link {color: #0000cc; font-weight: bold; text-decoration: none;}
pero eso funciona para todos los links de la pagina, hay alguna forma de diferenciarlos
es q quiero q los links de arriba tengan un efecto y los de abajo otro!
gracias
  #2 (permalink)  
Antiguo 06/05/2002, 12:24
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Estilos direfentes en una pagina

Hola, andresalrevez.
Código:
 
a:link {color: #0000cc; font-weight: bold; text-decoration: none;} 
a:link.es {color: #cc00cc; font-weight: normal; text-decoration: underline;}
y al poner el enlace:

Código:
 <a href="#" class="es">enlace</a>
Saludos,

---------------
Pregunta lo que ignoras y pasarás por ton.to 5 minutos.
No lo preguntes y serás ton.to toda la vida.
  #3 (permalink)  
Antiguo 06/05/2002, 12:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Estilos direfentes en una pagina

Hola andresalrevez:

Para poner distintos estilos en la misma tienes que diferenciarlos con "clases distintas", es decir, detrás de la etiqueta que quieres diferenciar, en este caso "a", debes poner un punto ".", y una palabra que los diferencie, por ejemplo (copy & paste):

a.rojo:link {color: red font-weight: bold; text-decoration: none;}
a.verde:link {color: green; font-weight: bold; text-decoration: none;}

Y en los enlaces debes poner la clase que sea:

<a class=rojo href=...

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 15:06.