Как я могу получить последнего ребенка моего примера (CSS)?

Question

В настоящее время я пытаюсь получить последний дочерний элемент пользовательского компонента Button (реагировать), чтобы изменить поле слева до auto (выровнять последний элемент справа). У меня есть упаковочный контейнер Div, который содержит 3 пользовательских элемента Button. Они выглядят так:

Важно:

1. У меня есть доступ только к ActionButtonContainer, где я хочу получить доступ к последней пользовательской кнопке div class="button_ButtonContainer__vP7S- button_Confirm__36TCt"

2. CSS Только

3. Полезное объяснение было бы неплохо.

Как я могу решить эту проблему?

Я попробовал это и многие другие не работающие решения:

 div.Button:last-child {
  margin-left: auto;
}

Answer 1

._ActionButtonContainer_58606 > div:last-of-type {
    margin-left: auto;
}

Или вы можете увеличить специфичность:

._ActionButtonContainer_58606 > div[class^="button_ButtonContainer__vP7S"]:last-of-type {
    margin-left: auto;
}