Как применить стиль ко всем элементам кроме последнего

Для стилизации всех элементов, кроме последнего, можно использовать CSS-селектор :not(:last-child). Это работает как для flex/grid контейнеров, так и для обычных списков.

Пример:

.item:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

Или с помощью nth-last-child:

.item:nth-last-child(n+2) {
  /* стили для всех, кроме последнего */
}

В JavaScript можно использовать:

const items = document.querySelectorAll('.item:not(:last-child)');
items.forEach(item => item.style.color = 'red');

Важно: :last-child учитывает только последний элемент в родительском контейнере.