Задать вопрос
@freeman0204
html

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

Я правильно именую классы по БЭМ?
<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>
  • Вопрос задан
  • 251 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
amorphis
@amorphis
Технолог в Студии Артемия Лебедева
Нет, так как у вас получаются элементы__элементов.

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

В вашем случае, это выглядело бы так:
<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
Ответ написан
Комментировать
Комментировать
Igooooood
@Igooooood
junior Front-end developer
Нет, если у Ва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>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sadisme
@sadisme
font-size:30rem
Нет. Если бы хоть один раз читали документацию, то сами бы увидели почему
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы