Невозможно добавить CSS ко всем классам, кроме класса, использующего :not(:last-child) ⇐ CSS

[Anonymous]

Вот мой HTML:































Я пытаюсь добавить CSS Margin-Bottom: 10px в класс .mainItem. Однако, если это последний класс .mainItem в .LeftSide или последний класс .mainItem в .RightSide, то я хочу удалить поле-дно: 10 пикселей только для последнего класса.
Например, скажем, в .LeftSide или .RightSide было 100 классов .mainItem. , последний 100-й класс .mainItem не должен быть отступом от края: 10 пикселей.
Я думал, что могу легко добиться этого, используя :not(:last -child), но это почему-то не работает. Маржа-дно: 10px не добавляется ни к одному из .mainItem. Я думаю, что каждый .mainItem рассматривается как последний дочерний элемент. Вот что я пробовал:
.TwoSidesLayout{
.LeftSide, .RightSide{
.mainItem:not(:last-child) {
margin-bottom: 10px;
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/789 ... last-child