«Наследование» в css?

Выделить общие свойства в отдельный класс, или использовать mixin'ы (sass, scss или что-нибудь подобное вам в руки).

Погуглил по sass, кажется, нужно нечто подобное, видимо стандартный css этого не позволяет

Я для этого использую SASS. Кроме этого, там ещё много удобных плюшек есть.

Можно просто

<div class="my_class_a my_class_b"> DATA </div>

было

.my_class_a { <набор свойств "А"> }
.my_class_b { Тут необходимо тоже, что у "А", но с некоторыми дополнениями/override-ми }

стало

.my_class_a, .my_class_b  { <набор свойств "А"> }
.my_class_b { overrid-ы }

http://habrahabr.ru/post/130886/

Благодарю за совет, хотя по мере усложнения css следить за такими конструкциями будет все тяжелее...

Любопытная статья, благодарю за полезную ссылку!

1.

<a>1</a>
<header><a>2</a></header>

a { color: #000; }
header a { font-weight: bold; }

2.

<a class="link">1</a>
<a class="link bold">2</a>

a.link { color: #000; }
a.link.bold { font-weight: bold; }