Я хочу использовать несколько классов для добавления переходов. Вместо суммирования предыдущий переопределяется.

.container { transition: margin .2s; }
.container.t-padding { transition: padding .2s; }

Проблема: свойство переопределяется, а не укладывается

http://jsfiddle.net/yz2J8/2/ (Проблема)

Мое временное решение: добавить предыдущий переход к правилу

.container { transition: margin .2s; }
.container.t-padding { transition: padding .2s, margin .2s; }

http://jsfiddle.net/ZfQcp/6/ (Мое временное решение)

Какое решение лучше?

Как мне избежать необходимости создавать тонны правил для их объединения?