如果有任意数量的 Flexbox 子元素,其中使用内联 order
属性进行排序,那么如何在 CSS 中选择最后一个排序的元素呢?
给定一个具有内联 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解决方案。