Desheredar css

[cyber_dark]

Saludos, es posible desheredar a los elementos hijos? por ejemplo si tengo esto

Código:

<div class="miclase">
 <span>texto</span>
 <strong>texto</strong>
 <p>textp</p>

  <div class="otraclase">
   <span>texto</span>
   <strong>texto</strong>
   <p>textp</p>
  </span>
</div>

Si declaro estilos para "miclase" y quisiera que los elementos de "otraclase" tuvieran los valores default, no se puede pues van a heredar todos los estilos de "miclase". Se que puedo usar inherit para obligar a los hijos a heredar, pero hay algo que les diga que no hereden?

Se que se puede usar !important; para forzar un elemento a comportarse de esta forma pero poner tantos y seguidos no se si sea correcto, me gustaria saber si hay otra forma. Saludos y gracias.

[wlinker]

No se exactamente si haya algo que te permita desheredar, pero... porque no pruebas con esto:

http://coding.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/

Y lo que yo suelo hacer siempre en esos casos, es cambiar las propiedades de los contenedores internos, por ej.

Código CSS:

#div_principal
{ color: ...;
   margin: ...;
   padding: ...;
   background: ...;
   ...
   ...
}
 

y cuando quiero quitar las propiedades que me "afectan" a todos mis contenidos interiores hago lo siguiente:

Código CSS:

#div_principal  .subdiv_contenidos_afectados *
{ color: #000;
   margin: 0;
   padding: 0;
   background: none;
}
 

En pocas palabras, " reseteo " utilizando un " * " y con eso afecto a todo lo que esté dentro de ese div.

Saludos y suerte!