Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/12/2012, 13:33
vorox
 
Fecha de Ingreso: septiembre-2010
Mensajes: 79
Antigüedad: 14 años, 2 meses
Puntos: 1
Jerarquia CSS

Hola amigos, les cuento mi duda:

Tengo una CSS con esto (entre otras cosas):

[...]
#content p {
color: #333333;
letter-spacing: 1px;
line-height: 13px;
margin: 15px 15px 25px;
text-align: justify;
word-spacing: 3px;
}

.itemGI .descripcion {
font-size: 10px;
margin: 10px;
}

[...]

Y en el HTML:

<div id="content">
<div class="itemGI">
<p class="descripcion">
...
</p>
</div>
</div>


La cuestión es que, al lanzar firebug me dice que el atributo margin de la clase descripcion no se aplica y se aplica la del #content p. ¿Porqué pasa esto?¿No se supone que una clase al ser mas específico es más relevante en la jerarquia de selectores?

Espero su respuesta y muchas gracias!!!