Я правильно именую классы по БЭМ?

Question

[freeman0204]

Я правильно именую классы по БЭМ?

<header>
		<div class="wrapper">
           <div class="header__topblock clearfix">
                 <div class="header__topblock__logo">
                    <a href=""><img src="img/header__topblock__logo.png" alt=""></a>
                    <p class="header__topblock__slogan">текст»</p>
                </div>
                
                <div class="header__topblock__searchform">
                    <form action="" class="searchform">
                        <input type="text" placeholder="Введите название или артикул">
                    </form>
                </div>
                
                <div class="header__topblock__contacts">
                    <a href="tel:54545" class="header__topblock__contacts__tel">54545</a>
                    
                </div>       
            </div>
		</div>
	</header>

Answer 1

[Леонид Князев]

Нет, так как у вас получаются элементы__элементов.

Можно почитать:
Соглашение по именованию
Почему в БЭМ не рекомендуется создавать элементы э...

В вашем случае, это выглядело бы так:

<header>
    <div class="wrapper">
        <div class="header-topblock clearfix">
            <div class="header-topblock__logo">
                <p class="header-topblock__slogan">текст»</p>
            </div>
                
            <div class="header-topblock__searchform"></div>
                
            <div class="header-topblock__contacts">
                <a href="tel:54545" class="header-topblock__contacts_tel">54545</a>
            </div>       
        </div>
    </div>
</header>

Блок:
header-topblock

Элементы:
header-topblock__logo
header-topblock__searchform
header-topblock__contacts

Элемент с модификатором
header-topblock__contacts_tel

Answer 2

[Ivan Ukhov]

Нет, если у Ваc например блок то main-menu, если элемент данного блока, то main-menu__link если модификатор то main-menu__link--active.

<menu class="main-menu">
  <li class="main-menu__list"><a href="" class="main-menu__link"></a></li>
  <li class="main-menu__list"><a href="" class="main-menu__link main-menu__link--active"></a></li>
  <li class="main-menu__list"><a href="" class="main-menu__link"></a></li>
  <li class="main-menu__list"><a href="" class="main-menu__link"></a></li>
</menu>

Answer 3

[Андрей Верх]

Нет. Если бы хоть один раз читали документацию, то сами бы увидели почему