Estilos direfentes en una pagina

[andresalrevez]

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

[JavierB]

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.

[caricatos]

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