Actually the question is whether it is correct to insert a block inside the block in the name of which there is no mention of the parent, well, for example, there is a code:

<div class="reviews__header"> <div class="custom-select"> <select><option>Опция 1</option></select> </div> </div>

Those. Is it possible to do this under the condition that the BEM methodology is taken as a rule?

Or should I definitely add the reviews-header class to the parent block, and then the reviews-header__select class to the block with reviews-header__select , thereby indicating that this selector is a child element? And then the code will look like:

  <div class="reviews__header reviews-header"> <div class="custom-select reviews-header__select"> <select><option>Опция 1</option></select> </div> </div>

    1 answer 1

    In BEM, blocks do not have any "parents", which means there is no need to specifically mention them.

    Therefore, the initial structure proposed by you is completely normal.

    Just do not forget that blocks can not be assigned positioning rules (position, display, top, left, right, bottom, margin and the like).