-
-
Save artpolikarpov/3314084 to your computer and use it in GitHub Desktop.
<div class="b-block"> | |
<div class="block__before"> | |
<div class="b-text b-text--smaller"> | |
<p></p> | |
<p></p> | |
<div class="text__incut"> | |
<p></p> | |
</div> | |
<p></p> | |
</div> | |
<div class="block__after"> | |
</div> |
Так надо быть последовательным в нейминге. От префикса b-
можно полностью отказаться, если вся разметка делается вручную. Не вижу смысла оставлять его не блоке и убирать на элементах и модификаторах.
Чтобы цеплялся глаз за блоки, корневому элементу каждого блока можно назначать дополнительный класс b
. С точки зрения БЭМ, на одном элементе могут размещаться несколько блоков (clearfix, hidden и прочие утилитарные классы назначаются элементам именно по этому принципу). Пусть будет ещё один маркер, который поможет ориентироваться в разметке. К тому же он не увеличит количество байт и нажатий на кнопки, если это тебе важно.
<div class="b block">
<div class="block__before">
<div class="b text text--smaller">
<p></p>
<p></p>
<div class="text__incut">
<p></p>
</div>
<p></p>
</div>
<div class="block__after">
</div>
Не очень понимаю, зачем нужно обозначать как-то корень блока — никогда не страдал из-за этого. Да и это затруднило бы использование препроцессоров:
.block {
...
&__elem {
...
}
}
Как уже совершенно справедливо заметил Сергей, b-block и block это совершенно разные блоки.