html - 如何风格化一对元素？

Question

我有一组div，像这样

<div class="row header"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<!-- add spacing here by adding margin to the row above -->
<div class="row header"></div>
<div class="row"></div>
<div class="row"></div>

由于我无法更改标记，我想知道是否可以在 .row 和 .row.header 之间添加一个空格而不对其他 div 进行任何更改。理想情况下，我需要将 margin-bottom 添加到 .row.header 之前的每个 .row。

如果不添加额外的类和 hack，这是否可以通过 CSS 实现？

Answer 1

正如此答案中所示 https://stackoverflow.com/a/1817801/2894798 css 中没有 previous sibling 选择器，我建议将 margin top 添加到 .row.header

.row + .row.header{
margin-top:20px;
}