a ~ b – правые соседи: все
b на том же уровне вложенности, которые идут после
a.
a + b – первый правый сосед:
b на том же уровне вложенности, который идёт сразу после
a
В списках удобно задавать отступы между элементами комбинацией
a + a:
.list-item + .list-item {
margin-top: 10px;
}
sass версия:
.list-item {
& + & {
margin-top: 10px;
}
}
это правило применит
margin-top ко всем элеметнам списка кроме первого. Конечно, при условии что в списке все элементы будут иметь селектор
.list-item:
<ul>
<li class="list-item"></li>
<li class="list-item"></li>
<li class="list-item"></li>
<li class="list-item"></li>
<!-- ... -->
<li class="list-item"></li>
</ul>
Простой
