Actualizar padding mediante clase CSS

[Dude--]

Tengo un <div> al que se le ha definido mediante css, a través de su id (#objeto) un cierto padding. Por otro lado en un momento determinado mediante javascript le agrego una clase css ( .nuevaclase ) que incluye un padding distinto.

El problema es que el padding nuevo no reemplaza al antiguo, inspeccionando con firebug y similares de otros navegadores veo que el padding nuevo esta "machacado" (tachado) por el antiguo, en cuanto lo deshabilito el nuevo entra en acción...

¿Alguna sugerencia?

[alexk]

pues sin ver el codigo implicado o el problema en linea es dificil acertar pero bueno, trata de indicarle de esta manera... o talvez la antigua clase tenga en selector mas directo y por eso lo coge antes... chao

Código CSS:

div.nuevaclase{padding:xxx...;}
 

[Dude--]

En primer lugar gracias por tu ayuda. Leyendo tu sugerencia debo matizar que se pretende sustituir una clase, sino agregar una a un objeto que no tenía. Disculpa que no pusiera el código, aquí lo tienes:

Código CSS:

#galeria, #contacto
{
    padding: 5px;
    width: 600px;
}
 

Y luego mediante javascript desde php cambio la clase del objeto contacto a .mensaje:

Código PHP:

echo '<script>Contacto = document.getElementById("contacto");
          Contacto.setAttribute("class", "mensaje");
          </script>';
 

Código CSS:

.mensaje
{
  background-color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 15px 15px 15px 30px;
}
 

¿A que te refieres con lo de selector más directo?

[alexk]

¿A que te refieres con lo de selector más directo?

a que coge primero la ID....

cambiando tu selector de
.mensaje{...}
uno mas directo (y redundante) seria
#contacto.mensaje{...}
y asi cogeria este ultimo chao