Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/11/2005, 12:22
Avatar de J.ke
J.ke
 
Fecha de Ingreso: enero-2005
Mensajes: 58
Antigüedad: 19 años, 2 meses
Puntos: 0
2 hojas de estilo para 2 enlaces distintos

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