2 estilos de links en una misma pagina

[Pavement]

Hola,

Tengo una pagina y quiero poner links de distintos estilos.
Intento ponerlos en un archivo.css que enlazo en cada pagina pero no me lo coge bien.

.enlace_a {

a:link {text-decoration:none;color:#333333}
a:visited {text-decoration:none;color:#000000}
a:hover {text-decoration:underline;color:#000000}
a:active {text-decoration:none;color:#000000}
}

.enlace_b {

a:link {text-decoration:none;color:#000000}
a:visited {text-decoration:none;color:#000000}
a:hover {text-decoration:underline;color:#000000}
a:active {text-decoration:none;color:#000000}
}

Me gustaria poderlo diferenciarlo asi en el archivo .css pero no me lo coge bien. Lo hago bien??

[PatomaS]

Hola

el problema que tienes es el siguiente:

estás creando un estilo personalizado (o dos), pero dentro de ese estilo, no estás modificando atributos, estás manipulando contenedores.

lo que tienes que hacer es crear estilos diferentes, como lo has hecho y aplicarlos por clases a tus objetos, es decir, con el atributo class="enlace_a".

Suerte

Felicidad

[Pavement]

Sí, quizá no me he explicado bien...

lo de <a class"enlace_a" ... ya lo pongo. Parece que no me coge bien cuando le asigno un nombre al contenedor de link no me muestra el resultado, en cambio si lo pongo directamente, sin el .enlace_a { } si que me funciona. Pero claro como quiero 2 estilos distintos, pues no me sirve.

[JavierB]

Hola, Pavement.

Ponlo así:

a:link.enlace_a {text-decoration:none;color:#333333}
a:visited.enlace_a {text-decoration:none;color:#000000}

Etc, etc...

Espero que te funcione. Saludos,

[Pavement]

a ver....

Es que de esta forma que dices JavierB si que me funciona, el tema esta en que quiero 2 tipos de estilos para links en una misma pagina. Por eso me interesa diferenciarlos en el fichero de estilos. Para despues al llamarlos en el enlace pueda poner class="A" y class="B" para cada estilo.

[JavierB]

Hola de nuevo.

Lo que te puse era solo un ejemplo. Te voy a poner el código completo para entendernos mejor:

a:link.enlace_a {text-decoration:none;color:#333333}
a:visited.enlace_a {text-decoration:none;color:#000000}
a:hover.enlace_a {text-decoration:underline;color:#000000}
a:active.enlace_a {text-decoration:none;color:#000000}

a:link.enlace_b {text-decoration:none;color:#000000}
a:visited.enlace_b {text-decoration:none;color:#000000}
a:hover.enlace_b {text-decoration:underline;color:#000000}
a:active.enlace_b {text-decoration:none;color:#000000}

Y los enlaces:

<a href="#" class="enlace_a">Enlace</a>
<a href="#" class="enlace_b">Enlace</a>

Espero que así te sirva. Saludos,

[rubenmere]

ahora te digo si funciona ...

funciona perfectamente gracias por tu ayuda JavierB

[normandos]

Txs master!