使用CSS将相同的动态HTML元素分组

Question

我有以下HTML：

<div class="group-index-1"></div>
<div class="group-index-1"></div>
<div class="group-index-2"></div>
<div class="group-index-2"></div>

group-index-类中的数字是动态的，我可以有 n 个组索引。

我希望能够为每个组索引中的第一个<div>设置样式。即第一个<div>和类名group-index-1和group-index-2。

我知道使用JavaScript很容易做到这一点，但我希望，如果可能的话，纯在CSS中完成。