Как правильно дать названия классам?

Форум /

        <div class="infg">
            <div class="infg__item">
                <div class="infg-icon">
                    <img src="/images/implant.svg" class="infg__icon" alt="">
                </div>
                <div class="infg__desc">
                    <div class="infg__title"></div>
                    <div class="infg__text"></div>
                </div>
            </div>
        </div>

Вопрос: правильно ли я сделал именование классов согласно БЭМ? Как будет правильно назвать класс 'infg-icon' который находиться в div`?

7 years ago

tadatuta

В целом все хорошо.

Если конструкция из <div><img></div> универсальная для всех иконок, то можно выделить ее в отдельный блок icon:

<div class="icon">
    <img class="icon__image">
</div>

и затем миксовать к конкретным блокам/элементам:

<div class="icon infg__icon">
    <img class="icon__image infg__icon-image">
</div>

Если же эта конструкция нужна исключительно для infg, то можно просто:

<div class="infg__icon">
    <img class="infg__icon-image">
</div>

Т.е. и то, и другое — элементы блока infg, просто вложены друг в друга.

7 years ago

ul7309

Все понятно ,спасибо.

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