Disculpad, el CSS sería así:

.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc0000;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;
font-size:.7em;font-weight:normal;}




2010/7/7 Rafa Artacho <[email protected]>

> Estoy creando un bloque con distintas clases, este bloque se compone de:
>
> Una caja de 200px con tres textos distintos dentro:
>
> *Texto grande negrita*
> Texto pequeño rojo Texto pequeño gris
>
> El html queda así:
>
>                         <div class="bloque-1">Texto grande negrita
>                             <div class="dato1">Texto pequeño rojo</div>
>                             <div class="dato2">Texto pequeño gris</div>
>
>                         </div>
>
> con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
> lo siguiente:
>
> .contenido-superior
> .bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
> 20px;}
> .contenido-superior .bloque-1
> .dato1{color:#cc0000;font-size:.7em;font-weight:normal;}
> .contenido-superior .bloque-1 .dato2{color:#BABBAD;}
>
> ¿Véis correcta esta práctica o es mejor crear clases individuales?
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a