07/12/2012, 13:33
|
| | 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!!! |