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

Форум /

Что делать, если у блока очень глубоковложенная структура? block__elem1__elem2__elem3 выглядит устрашающе.

10 years ago

tadatuta

Структура блока всегда плоская и не завязана на структуру DOM-дерева.

10 years ago

voischev

Визуализация слов @tadatuta css

.block{}
.block__elem1{}
.block__elem2{}
.block__elem3{}

html

<div class='block'>
    <div class='block__elem1'>
        <div class='block__elem2'>
            <div class='block__elem3'></div>
        </div>
    </div>
</div>

или так возможно будет понятнее

<div class='block'>
    <div class='block__elem1'>
        <div class='block__elem2'></div>
    </div>
    <div class='block__elem3'></div>
</div>

Чтобы оставлять комментарии, необходимо авторизоваться.