Hereda estilo aunque tenga clase asignada

[malakana]

Hola a todos, tengo una duda con respecto a un css que estoy desarrollando, por si alguien supiese aclararme como funciona.

Tengo el siguiente div con una etiqueta p dentro.

Código:

<div id="cuerpo_derecha">
	<p class="error" >Hola a todos</p>
</div>

En mi css defino un estilo genérico para los p dentro de la etiqueta cuerpo_derecha y aparte defino una clase error.

Código:

#cuerpo_derecha{
float: left;
width: 510px;
margin: 0px;
padding: 0px;
}

#cuerpo_derecha p{
font-family: Arial,Verdana, sans-serif;
font-size: 12px;
color:  #184883;
line-height: 200%;
}


.error{
font-family: Arial,Verdana, sans-serif;
font-size: 12px;
color:  red;
}

El tema es que al párrafo le pongo la clase error pero sin embargo me muestra en el navegador el estilo generíco y no el de la clase error. Alguien podría explicarme un poco como funciona esto?. Gracias por el foro, es de mucha utilidad para los que nos iniciamos en esto. Un saludo

[talmente]

Hola, si el código que pones es el que tienes en tu web, revísalo.
En el ejemplo que pones tienes un div identificado como cuerpo_derecha y en el código css el div se llama cuerpo no cuerpo_derecha.

[malakana]

Uff, con las prisas me equivoqué y coloqué el código de estilo que no era. He editado y he puesto el correcto. Tengo una hoja de estilo y fichero con código xhtml mucho más extenso pero por probar para ver que fallaba cree un index alternativo con enlace a la hoja de estio y solo el código que te puse anteriormente y no me coge el estilo error sino que se queda con el heredado para los "<p>". Supongo que hay algo que declaro bien en la hoja de estilo porque no coge bien los estilos pero no encuentro el error. Un saludo y perdón por las molestias.

[Mikmoro]

Ponlo así:

#cuerpo_derecha p.error{
font-family: Arial,Verdana, sans-serif;
font-size: 12px;
color: red;
}

[malakana]

Muchas gracias ahora si funciona perfectamente. Un saludo