Css 你如何处理我的孙子？

在BEM约定中编写这种代码的更好方法是什么

<div class="advantages">
  <div class="advantages__container">
    <div class="advantages__title">Title</div>

    <div class="advantages__reviews">
      <div class="advantages__reviews-block">
        <div class="advantages__reviews-title">Reviews block title</div>
        <div class="advantages-reviews-progress">
          <div class="advantages-reviews-progress__title">Progress title</div>
        </div>
      </div>
    </div>
  </div>
</div>

标题
评论标题栏
进度标题

标题
评论标题栏
进度标题

在我看来，最好的边界元法是非常广泛的，因为它是如何描述的。我可能会改变一些小事情：

<div class="advantages">
  <div class="advantages__container">
    <div class="advantages__title">Title</div>
    <div class="advantages__reviews">
      <div class="advantages__reviews-block">
        <div class="advantages__reviews-block__title">Reviews block title</div>
        <div class="advantages__reviews-progress">
          <div class="advantages__reviews-progress__title">Progress title</div>
        </div>
      </div>
    </div>
  </div>
</div>

标题
评论标题栏
进度标题

好吧，如果我们把事情拖得很长，我认为最好还是保持原样。优势就是进步。所以我可以把它单独归档。不过，我还是觉得自己写这么长的代码是不对的

<div class="advantages">
  <div class="advantages__container">
    <div class="advantages__title">Title</div>
    <div class="advantages__reviews">
      <div class="advantages__reviews-block">
        <div class="advantages__reviews-block__title">Reviews block title</div>
        <div class="advantages__reviews-progress">
          <div class="advantages__reviews-progress__title">Progress title</div>
        </div>
      </div>
    </div>
  </div>
</div>