Выберите последнего родного брата в каждой группе братьев и сестер ⇐ CSS

[Anonymous]

Поэтому я хочу выбрать последний одноуровневый элемент в группе элементов, но в родительском контейнере более одной группы.

Код: Выделить всё

Some text

Итак, в этом случае для каждой группы элементов .select мне нужно добавить отступ-top к первому и отступ- снизу до последнего. Сложность заключается в том, что группа элементов .select может быть бесконечно большой/маленькой, но первый и последний элементы требуют заполнения.

Этот пример работает для верхняя прокладка...

Код: Выделить всё

// add padding-top to all elements
.select {
padding-top: 1em;
}

// remove it for general direct siblings
.select + .select {
padding-top: 0;
}

// this will only add to the last .select in the parent container,
// not the last in each clump of .select elements
.select + .select:last-of-type {
padding-bottom: 1em;
}

Но у меня возникают проблемы с отступом снизу для последнего элемента в группе.

Я не могу добавлять элементы-оболочки, поскольку это псевдосгенерированный код. JS также сделал бы это довольно простым решением, но я бы предпочел сначала исчерпать все свои решения, основанные только на CSS.

Изменить: структура HTML на 100% произвольна, поскольку она будет создан пользователем в формате WYSIWYG. Однако некоторые разделы элементов .select будут располагаться рядом друг с другом.

Подробнее здесь: https://stackoverflow.com/questions/343 ... f-siblings