2 hojas de estilo para 2 enlaces distintos

[J.ke]

Hola, tengo un menú con unos enlaces a los que quiero aplicar un estilo CSS, pero quiero aplicar otro estilo distinto al resto de enlaces de la misma página.

El caso es que por más que lo intento todos los enlaces me salen con el mismo estilo.




La primera hoja de estilos es esta:

Código:

.negromenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
	background-color: #000000;
	text-align: center;
	}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	}

La segunda hoja es esta:

Código:

.rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCCCCC;
	text-indent: 25pt;
	background-color: #990000;
	text-align: justify;
	}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}

En el head del documento pongo lo siguiente:

Código:

<link href="estilos/rojo.css" rel="stylesheet" type="text/css">
<link href="estilos/negromenu.css" rel="stylesheet" type="text/css">

Y después en cada enlace añado la etiqueta class como explicáis en el faq de css y en otros temas del foro:

Código:

<a href="index.htm" class="negromenu">Inicio</a>

<a href="mailto:[email protected]" class="rojo">enviar email</a>

Pero los 2 enlaces me salen con el estilo .negromenu (y si en el head del documento cambio el orden vinculando el estilo .negromenu encima del .rojo, los dos enlaces aparecen con el estilo .rojo).

¿Qué estoy haciendo mal?

Muchas gracias

[Microbito]

J.ke la respuesta estaba en el mensaje original donde publicaste, tienes que usar clases distintas para los enlaces tn tu CSS

Código HTML:

a:link {propidades}  --> es el enlace normal

y

Código HTML:

a.enlace2:link  {propiedades} --> este es el enlace segundo

entonces ya solo le pones la clase a cada enlace:

Código HTML:

<a href="#" class="enlace2">Hola</a> 

lo anterior es el codigo para el segundo estilo de enlace

Los demas apareceran con el estilo normal de a:link.
si necesitas mas estilos solo delcaras mas clases.

[leoj90]

La clase principal, porq en algunos navegadores no sirve.

enlace2 {
font-size: 10pt;
}
a.enlace2:link {
color:#0000CC;
}
................

[J.ke]

Biennnnnnn!!!

Es que no entendía muy bien lo de a.enlace2:link, yo estaba haciendo una hoja nueva para cada estilo


Olle muchas gracias, en serio, me habéis salvado de un apuro, porque llevo toda la tarde mirando manuales y foros para terminar una Web y ya estaba un poco desesperado...


Os debo una, taluegooo

[leoj90]

Iniciado por J.ke

Os debo una, taluegooo

Y eso porque? Si estás en un foro donde se ayuda a cambio de nada.

[Microbito]

Iniciado por leoj90

La clase principal, porq en algunos navegadores no sirve.

enlace2 {
font-size: 10pt;
}
a.enlace2:link {
color:#0000CC;
}
................

ahora lo entiendo...

[Microbito]

J.ke, por que usas dos hojas CSS?

[J.ke]

Pues hasta ahora creaba una hoja nueva para cada estilo porque no sabía que se pudieran poner varios estilos distintos en una misma hoja

Ahora que lo sé me ahorraré trabajo poniendo todos los estilos de la página en una sola hoja.