Как избежать переопределения класса родительского элемента в CSS

Question

У меня есть блок CSS, аналогичный приведенному ниже, который определяет общие стили для element-a[ace]:

.element-a .element-aa, .element-a .element-ac, .element-a .element-ae {
     /* ... some styling */
}

Возможно ли избежать переопределения element-a или более аккуратного способа сделать все это вместе.

Answer 1

попробуйте следующее .element-a div[class*='element-a']. В приведенном выше примере предполагается, что класс-потомок применяется в div, конечно, вы можете изменить его на то, что вы используете.

Демо: http://jsfiddle.net/yPBcR/1