CSS:选择最后排序的flex子项

Question

给定具有order用于排序的内联属性的任意数量的flexbox子项,如何在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不适用于flex子项,列表可以是任意长度,因此不能选择按顺序索引.我对JavaScript解决方案不感兴趣.

Answer 1

您的代码不完整。您必须为您的 div 提供一个 Flex 包装器（display: flex），以便 =order: 生效。因此， .wrapper div:last-child 应该可以解决问题。