Вёрстка внутри элемента

Форум /

<div class="sub-menu">
        <ul class="sub-menu__list">
            <li><a class="sub-menu__link sub-menu__link_active" href="#">Главная</a></li>
            <li><a class="sub-menu__link" href="#">Мобильная версия</a></li>
            <li><a class="sub-menu__link" href="#">О компании</a></li>
            <li><a class="sub-menu__link" href="#">Каталог продукции</a></li>
            <li><a class="sub-menu__link" href="#">Склад</a></li>
            <li><a class="sub-menu__link" href="#">Партнеры</a></li>
        </ul>
        <div class="sub-menu__info">
            <div class="sub-menu__info-group">
                 адрес компании
            </div>
            <div class="sub-menu__info-group">
                 информация о компании
            </div>
        </div>
    </div>

Как именовать блоки внутри элемента? (sub-menu__info)

7 years ago

tadatuta

Блоки можно смело вкладывать в элементы других блоков:

<div class="sub-menu__info">
    <div class="sub-menu__info-group">
        <div class="my-new-block"></div>
    </div>
    <div class="sub-menu__info-group">
        <div class="some-other-block"></div>
    </div>
</div>

Это отвечает на вопрос?

7 years ago

hrumhrumble

Не совсем. Мне нужно внутрь элемента sub-menuinfo поставить другой элемент (например: sub-menuinfo-group) который будет связан с родительским (sub-menu__info).

Вопрос в том корректно ли так делать? Если нет, то как добавить внутрь элемента ещё один элемент который будет связан с родительским?

7 years ago

tadatuta

Да, в данном случае sub-menu__info-group — годное решение.

7 years ago

hrumhrumble

Отлично. Спасибо за совет!

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