Css 边界元命名与定位

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

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

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

  &__heading {
    display: inline-block;
  }
}

我知道，在

details-header\uuuu heading-panel

内部定义相同的

margin top

是错误的，但是因为details-header和details-header\uuuu 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>

某物
某物
链接

---

我需要在

详细信息标题

和

详细信息标题标题面板

之间的div之间留有边距，在

详细信息标题

和

详细信息标题标题面板

中定义相同的边距顶部没有错。继续使用原始代码。

---

这不是复制粘贴，而是巧合。

在

详细信息标题

和

详细信息标题标题面板

中定义相同的页边空白顶部没有错。继续使用原始代码。

---

这不是复制粘贴，而是巧合。

您能否提供您的html代码，以便我们进一步帮助您。在细节标题和细节标题之间是什么元素-panel@davecar21i更新了问题。您是否也可以提供您的html代码，以便我们可以进一步帮助您。在细节标题和细节标题之间是什么元素-panel@davecar21i更新了问题。