Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/10/2014, 21:53
Avatar de webosiris
webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: estilos anidados

usando tu propio ejemplo así se entiende mejor, imagina que quieres 2 cajas. Ambas son idénticas, solo que una tiene el texto alineado a la izquierda y la otra a la derecha.

Si las haces con 2 clases diferentes asignándole 1 clase a cada una, te quedaría así:
Código CSS:
Ver original
  1. .caja{background-color:red; width:200px; height:200px; text-align:left;}
  2. .caja2{background-color:red; width:200px; height:200px; text-align:right;}
Código HTML:
Ver original
  1. <div class="caja">Caja1</div>
  2. <div class="caja2">Caja2</div>

en cambio si usas tu ejemplo de css y el siguiente html, verás que el css puede ser sensiblemente más pequeño y sencillo.
Código HTML:
Ver original
  1. <div class="caja">Caja1</div>
  2. <div class="caja caja2">Caja2</div>
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -