CSS нет: последний ребенок или последний ребенок не выбираются должным образом [дубликат] ⇐ CSS

[Anonymous]

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

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

div.card-body > div.form-group:not(last-child) {
margin-bottom: 0;
}

Я пробовал разные CSS, но не смог этого понять. По сути, я хочу удалить поля из всех групп форм, кроме последней.
Обратите внимание, что это НЕ последний дочерний элемент div "card-body". Я пытаюсь настроить таргетинг на последний div с классом form-group, а НЕ на последний div.
См. этот код (https://jsfiddle.net/j0gzs8ky/1/) спасибо @RyanWheale
CSS

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

div.card-body > .form-group:not(:last-child) {
background-color: #fcc;
}

HTML

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

ONE

TWO

THREE - target me

I am the last div

Это меняет фон THREE, но я этого не хочу. Итак, я пытаюсь настроить таргетинг только на THREE - и поскольку до и после THREE может быть разное количество элементов div, я также не могу использовать n-й дочерний элемент.
Итак, как нацелиться на последний дочерний элемент div с классом form-group

Подробнее здесь: https://stackoverflow.com/questions/536 ... s-expected