Как правильно строить классы больших структур?

Question

[Intelix]

Сделал так. Вроде выглядит логично, но в то же время слишком громоздко.
Как правильно, правильно ли так, можно/нужно ли сделать проще? Или это самый правильный вариант?

<div class="features">
        <div class="features-block">
            <div class="features-block-top">
                <div class="features-block-top-txt">Txt</div>
            </div>
            <div class="features-block-bottom">
                <div class="features-block-bottom-img"></div>
            </div>
        </div>
         ...
    </div>

Comments

[Иван Иванов]

и в чем вопрос7

[Intelix]

Максим Фикс, Как правильно, правильно ли так, можно/нужно ли сделать проще?

[Иван Иванов]

Intelix, Вы про структуру html и названия классов?

[Intelix]

Максим Фикс, Да

Answer 1

[Иван Иванов]

Ну я понять могу, значит нормально. А вообще тут смотреть нечего: пару блоков, да и только. Могу посоветовать вам методологию БЭМ

Comments

[Иван Иванов]

ссылку не могу дать, погуглите

Answer 2

[xmoonlight]

Забыли про виртуальные блоки max-width, max-height и прямой класс элемента (не контейнер).
Тогда будет в 2-3 раза меньше кода и стилей.

Comments

[Intelix]

Не совсем понял о чем вы. Можете привести пример?

[xmoonlight]

Intelix, ну если вы укажете <img style="max-width:400px" src=""/> то уже доп.контейнера к изображению не требуется (типа как DIV).

PS: инлайном - это я чтобы не расписывать... тут можно в стиль, можно инлайном - как удобнее.