如何获得示例的最后一个子项（CSS）？

我目前正在尝试让自定义按钮组件的最后一个子元素做出反应，将左边距更改为自动将最后一项向右对齐。 我有一个包装div容器，其中包含3个自定义按钮元素。 它们看起来像这样：

重要：

我只能访问ActionButtonContainer，在这里我想访问最后一个自定义按钮div类=Button\u ButtonContainer\uuu vP7S-Button\u Confirm\uu 36TCt 仅CSS

有帮助的解释会很好

我怎样才能解决这个问题

我尝试了这一点，还有更多不起作用的解决方案：

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

或者，您可以增加特异性：

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

---

你的女主角都没有扣子，我明白你的意思。我尝试了很多方法，但都没有成功。谢谢，这两个例子都很有魅力，用你的解决方案更新了我的例子。

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