Если ты будешь прописывать рулезы каждому блин элементу, у тебя никакой фантазии не хватит. CSS потому и C, что позволяет элементам наследовать целый ряд свойств от родителей, и по селекторам браузер сам найдет нужный элемент даже если у него нет никаких class="". Конечно тогда верстка получается сшита со стилями, но обычно все сшивают один раз и надолго. Только там, где что-то меняется, имеет смысл втыкать классы непосредственно, чтобы иерархия не колебла.
То есть например
figure.c-tmb > a > img {/* стили для картинки */}
это значит в хтмле должно быть
<figure class="c-tmb"><a><img>...
Чтобы поменять оформление img, можно или
<figure class="c-tmb mod-tmb">
и пишешь как изменить в mod-tmb, или
<div class="mod-tmb"><figure><a><img>
и в div.mod-tmb>figure a img пишешь уже чего надо.
PS Это ты бустрапов не видел, и ихними LESS и SASS ))