How to correctly name classes according to Bam?

Question

css

Hello. There is the following structure:
.sidebar>.sidebar__page-header> and further in this element there is a logo block inside which there are 3 more elements. Since there is no element element in Bam, there is probably an element block, which is the logo block relative to .sidebar__page-header. What is the correct way to designate this structure according to Bam?
.sidebar_page-header-logo? And inside .sidebar__page-header-logo__img? Am I thinking right? Or is it easier to use the cascade once, make .sidebar .page-header__logo?

Answer 1

there is an element block

There is nothing like that. There are only blocks, elements and modifiers.

<div class="sidebar">
    <div class="sidebar__page-header-logo logo">
        <div class="logo__img"></div>
        <div class="logo__element2"></div>
        <div class="logo__element3"></div>
    </div>
</div>

or if someone (like me) likes jade:

.sidebar
    .sidebar__page-header-logo.logo
        .logo__img
        .logo__element2
        .logo__element3

everything is very simple. Each block is, if possible, independent (sometimes it is simply not profitable to abandon the cascade completely). It defines the base styles. And the elements are responsible for the positioning of the blocks.

Answer 2

there is also a video report on this topic

Answer 3

frontender.info/MindBEMding
times article.
frontender.info/learning-to-love-bem
two article.