ayuda con css

Hola, tengo un problema, haber si alguien me pueda ayudar porfavor,
tenog una pagina con css externo a la que le dia unas propiedades para los links,(a link, a hover .....) pero ahora tengo el problema de que tengo otros links de la misma pagina a los que quiero dar otras propiedades, y no se como
se que se pueden hacer clases(creo q se llaman asi) con las que dar unos nombre especificos a las propiedades del css y despues aplicar a los elementos q uno desee (ex: .barra{color:"red"} , pero he estado probando eso mismo para las propiedades de los links pero me salen cosas raras,
alguien sabe que puedo hacer.
lo que yo intentaba y no me funcionaba era el suguiente codigo:
.link1 {
a :link {
color:#B0B8BD;
text-decoration:none;
font-family:"courier";
font-size: 6px;
visibility: visible;
font-weight: bold;


}..... y los demas
.linlk2 {
a:link{ otras propiedades diferentes}
}

PERO NO ME FUNCIONA.
ayuda porfavor.....................

 

No te funciona porque tienes que referenciar a la clase que has creado.

Es decir si tienes una clase llamada .link1 para referenciar a ese enlace sería:

a:link.link1

si tenemos otra clase que se llama link2 sería:

a:link.link2

y así con todo, si quisiéramos referirnos al hover o la visited sería igual:

a:hover.link1
a:visited.link1
esto para link1

y para link2 sería:
a:hover.link2
a:visited.link2


Espero haberte ayudado.
Un saludo a todos

 

jejje..
estaba x explicarte lo mismo y llego primero la respuesta de ivancarrero... :wink:

eso..tienes q darle diferentes etiquetas...

si tienes mas dudas...
pues consulta de nuevo...


un saludo,
Pat.

p.d.: igual en la pagina q te deje en el post anterior tb explican bastante sobre css....espero q te sirva...

 

Ah! por si te lías, decirte que no lo pongas estas nuevas clases dentro de una clase. Me explico, por ejemplo para cambiar el color de un enlace cuando pasen por ecima llamado mienlace tu hoja de estilos sería así:

.enlace{color:#000000}
a:hover.mienlace{color:#000099}

Espero haberte aydado

 

Uf, muchas gracias
me ha servido mucho, de verdad,
con un foro tan bueno y rapido como este que mas se puede pedir
gracias

 

hay varias formas

Saludos amigo, pues lo que te han mencionado es cierto, yo como lo hago es de esta forma:

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->

<style type="text/css">

<!--

a:link { font-family: Tahoma, Verdana, Arial; color: #elquequiera; text-decoration: none}

a:visited { font-family: Tahoma, Verdana, Arial; color: #elquequieras; text-decoration: none}

a:hover { font-family: Tahoma, Verdana, Arial; color: #elquequieras}

a:active { font-family: Tahoma, Verdana, Arial; color: #elquequieras; text-decoration: none}



//acá vienes y defines la segunda clase para los enlaces, date cuenta que despues del a. se coloca el nombre que le quieres dar a esa classe en este caso yo use link2

a.link2:link { font-family: Tahoma, Verdana, Arial; color: #elcolorquequieras2; text-decoration: none}

a.link2:visited { font-family: Tahoma, Verdana, Arial; color: #elcolorquequieras2; text-decoration: none}

a.link2:hover { font-family: Tahoma, Verdana, Arial; color: #elcolorquequieras2}

a.link2:active { font-family: Tahoma, Verdana, Arial; color: #elcolorquequieras2; text-decoration: none}

-->

</style>

// Ahí hemos creado la clase link2. Ahora para aquellos enlaces que quieras que usen dicha clase, lo haremos así



<a href="tupage.html" class="link2"> Enlace</a>

<!--c2--></div><!--ec2-->

Espero que te sirva.

Saludos.