TRUE_DI24

Не нужно плодить лишние блоки, делается это вот так:

&::-webkit-scrollbar { 
            width: 2px;  // ширина скроллбара
        }

        &::-webkit-scrollbar-thumb {
            border-radius: 100px; // закругляем ползунок, для красоты
            background-color: #bdbdbd; // задаём ползунку нужный цвет
        }

        &::-webkit-scrollbar-track {
            margin: 10px 0; // тот самый margin, который позволяет отступить от верха и низа блока
             background-color: #cacaca; // цвет поля по которому бегает ползунок
        }

Стили применяются к нужному блоку

Для тех, кто в дальнейшем будет искать ответ на подобный вопрос, дополню.

Псевдоэлементы :before не добавляются к элементам типа input или img, которые не имеют своего содержимого. Решение - обернуть их в div и уже к ним применять эти псевдоэлементы.

Вам нужен селектор :nth-of-type
Т.о. получится:

.content .node:nth-of-type(odd) {
    background: red;
}