links de estilos distintos en un mismo documento

[tonieet]

hola a todos! como hago para aplicar estilos distintos a varios links de un mismo documento?
por ejemplo.. tengo una pagina con un link que tiene las siguientes propiedades:

a{
text-decoration:none;
color: #333;
}


a:hover{
color: #F32755;
}

como hago si quiero poner otros dos links con otras propiedades totalmente distintas??


el problema que tengo es que tengo una pagina dentro de mi web, que cuando la abro me cambia los estilos de los enlaces del encabezado, encabezado que se repite en todas las paginas mientras navegamos, quiero crear un estilo nuevo para los enlaces de esa pagina y no se como hacerlo...

no se si me he explicado bien..

[fede5426]

Usa clase o identificadores, para eso están..

Código HTML:

<a href="#" class="enlace"></a>
 

Y lo llamas de cualquiera de estas 2 formas:

Código CSS:

.enlace{
/* estilos */
}
 
a.enlace{
/* estilos */
}
 

Saludos

[tonieet]

el problema que tengo es que me esta cogiendo las propiedades de a:{ y de a:hover{ de otro documento css y no se como crear otro a:{ y a:hover{ distinto y aplicarselo a los enlaces para que no me coja el estilo css del otro documento que me esta cogiendo ahora...

[AngelKrak]

por eso, es como te dijo fede, agregale una clase y llama al Link a junto con la clase o solo a la clase y listo ;)

Ejemplo:
http://codepen.io/AngelKrak/pen/rVdgMV

[xfxstudios]

En todo caso identifica donde esta el link al que le quieras dar el estilo

Código CSS:

#idxxx a {
Estilo
}
#idxxx a:hover {
Estilo
}
 

Asi puedes diferenciar el estilo basado en el id del elemento donde se encuentre tu link