Блок - это функционально
независимый и
переиспользуемый компонент страницы.
В данном случае, есть блок "analytics" и внутри него два других блока. Но эти блоки не используются отдельно от блока "analytics". По факту "analytics-opportunities" и "analytics-campaigns" это элементы блока "analytics". Но они сверстаны как блоки, чтобы внутри них создать элементы конкретно этих блоков ("analytics-opportunities__item", "analytics-campaigns__list" и т.д.).
Здесь же есть противоречие с точки зрения теории БЭМ. Блок должен быть переиспользуемым и независимым. Но "analytics-opportunities" зависим от блока "analytics" и не используется нигде кроме как в этом блоке.
Не могу понять это в теории БЭМ
<section class="analytics">
<div class="analytics-opportunities">
<div class="analytics-opportunities__item"></div>
<div class="analytics-opportunities__item"></div>
</div>
<div class="analytics-campaigns">
<ul class="analytics-campaigns__list">
<li class="analytics-campaign">
<div class="analytics-campaign__head"></div>
<div class="analytics-campaign__body"></div>
</li>
</ul>
</div>
</section>