仅将类应用于具有特定类的最后一个元素？

Question

在此处查看示例

<div class="wrapper">
  <div class="group">Test</div>
  <div class="group">Test</div>
  <div class="group">Test</div>
</div>

.wrapper {

}

.group {
  position: relative;
  width: 50px;
  padding: 5px;
  margin: 5px;
  background-color: red;
  border-left: 1px solid black;
}

.wrapper > .group {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.wrapper > .group ~ .group {
    border-top: none;
}

https://jsfiddle.net/0j984bg3/22/

我成功使用以下方法将边框顶部仅应用于group类的第一个元素：

.wrapper > .group {
    border-top: 1px solid black;

}

.wrapper > .group ~ .group {
    border-top: none;
}

是否存在仅将CSS规则仅应用于具有特定类的最后一个元素的类似技巧？就我而言，我只想将border-bottom: 1px solid black;应用于group类的最后一个元素。

注意：

我知道会有类似last-of-type的解决方法，我会在组前后插入其他类型的空标签之类的东西。我不想使用变通办法。我想以某种方式使用一流的课程。