Можно ли использовать элемент и блок одновременно в блоке?

Question

[kolykisel]

Здравствуйте, возник вопрос, может ли блок иметь элемент и блок одновременно, например мой код:

<header class="header">
	<div class="logo"><img src="img/logo.png" alt="Logo"></div>
	<nav class="menu">
		<ul class="menu-box">
			<li class="menu-box__item"><a href="/" class="menu-box__link">Главная</a></li>
			<li class="menu-box__item"><a href="/" class="menu-box__link">Услуги</a></li>
			<li class="menu-box__item"><a href="/" class="menu-box__link">Наши работы</a></li>
			<li class="menu-box__item"><a href="/" class="menu-box__link">Цены</a></li>
			<li class="menu-box__item"><a href="/" class="menu-box__link">О нас</a></li>
			<li class="menu-box__item"><a href="/" class="menu-box__link">Контакты</a></li>
		</ul>
	</nav>
	<div class="header__number"><i class="fas fa-phone-volume"></i>[phone]</div>
</header>

У меня логотип и меню, будет использоваться еще внизу в футере, но класс menu__number, я не хочу делать просто блоком number, так как в моем лендинге, будет еще встречаться класс по типу number, так вот в чем вопрос?
Можно ли использовать элемент и блок одновременно в блоке? Позволяет ли это методология БЭМ?

Answer 1

[ⓒⓢⓢ]

блок можно использовать везде
элемент должен быть частью блока

и по порядку:

"menu" у вас получается пустой блок, по хорошему надо изменить на что-нибудь такое:

.menu
  .menu__box
    .menu__item
      .menu__link

".header__number" - это элемент блока ".header" и без блока не может использоваться, то есть, верно, как вы и планируете его использовать.
Но имя "number" не совсем подходит, возможно стоит пересмотреть на более обобщённое с модификатором
.header__text.header__text_type_phone
Если потом добавиться "почта", то будет выбор: или одинаковые стили или сделать другой элемент
.header__text.header__text_type_email

Comments

[kolykisel]

Благодарю за отклик.
Да верно, "menu" у меня пустой блок, но ведь это не запрещено? Иметь блоки без элементов, но один блок там ведь имеется, я это сделал, так как правило Меню выносится в "nav", да можно сделать как вы и написали, но ведь особого различия нет?
На счет телефона, вы правы, спасибо за подсказку)

[ⓒⓢⓢ]

особого различия нет?

особого нет, а злоупотреблять не надо, можно сделать и всё блоками
menu, menu-box, item, list
Но я хотя бы замиксовал этот блок ".menu.header__menu", вы же не будете внешние отступы, которые зависят от блока "header" прописывать в самом блоке ".menu"?

[kolykisel]

JRK_DV, нет не буду, но я не собираюсь делать отступы, так как верстаю через vh, и flexbox, отступы пока не нужны

[kolykisel]

можно сделать и всё блоками

Вы хотели сказать элементами?

[ⓒⓢⓢ]

kolykisel, и отлично, будут вопросы спрашивайте. Мне больше нечего добавить по данному вопросу

[kolykisel]

JRK_DV, благодарю вас за объяснение