CSS：选择最后排序的 Flex 子项

给定任意数量的具有内联的 Flexbox 子项order用于排序的属性，如何选择 CSS 中最后一个排序的元素？

<ul style="display:flex">
  <li style="order: 4">a</li>
  <li style="order: 5">b</li>
  <li style="order: 3">c</li>
  <li style="order: 1">d</li>
  <li style="order: 2">e</li>
</ul>

:last-of-type不适用于弹性子项，列表可以是any长度，因此不能选择按顺序索引进行选择。我对 JavaScript 解决方案不感兴趣。

唯一接近的解决方案可能是

div[style="order: 6"] {
    background-color: yellow;
}

这将为第 6 个顺序将背景着色为黄色，但由于我们不知道数组的长度，因此似乎您需要一些具有类似选择器 sintaxis 的 javascript 或 jQuery，在本例中数字 6 将是具有数组长度的变量。