BEM命名和定位

Question

我是 BEM 新手，我正在尝试实现这一点：

.details-header {
  margin-top: 10px;
  padding-bottom: 0;
  display: block;

  &__heading-panel {
    margin-top: 10px; 
  }

  &__heading {
    display: inline-block;
  }
}

在details-header__heading-panel 中定义相同的margin-top 是错误的，我知道，但是因为 details-header 和 details-header__heading-panel 之间有元素，我需要这个边距，我该如何解决这个问题，并且还要保持代码干吗？

编辑：这是html：

<div class="details-header">
        <div>Something</div>
        <div class="details-header__heading-panel">
            <h1 class="details-header__heading">
                <span>something</span>
            </h1>
            <a>
                Link
            </a>
        </div>
    </div>

我需要在 details-header 和 details-header__heading-panel 之间的那个 div 之间留出余量

Answer 1

在details-header 和details-header__heading-panel 中定义相同的margin-top 并没有错。继续使用您的原始代码。 这不是复制粘贴，而是巧合。