Multi-classes (a solução)

Como havia dito no post anterior, não existe maneira de manter o vículo entre as classes e principalmente coerência, só que o W3C aponta uma solução, um tanto quanto simples:

.classeA {

         background-color:white;

         font-size:1.5em;

         }

.classeB {

         background-color:gray;

         color:black;

         }



.classeA.classeB

         {

         background-color:red;

         color:white;

         }

Dessa forma estaremos criando uma 3° regra, que é aplicada somente qdo as 2 classes estão juntas não importando a ordem. Essa técnica resolve o problema de coerência entre classes.

.calendar

         {

         ...prop...

         }

.calendar.day

         {

         ...prop...

         }