反向显示有序列表

Question

我想要反转有序列表的显示顺序（不显示枚举值）。 （该列表并不特别必须是有序列表，它可以是无序的）

以下是一个例子：

<ol> Ordered list
    <li> Last item
    <li> Second-to-last item
    <li> Middle item
    <li> Second item
    <li> First item
</ol>

它显示如下：

1. Last item
2. Second-to-last item
3. Middle item
4. Second item
5. First item

使用<ol reversed>看起来像这样：

5. Last item
4. Second-to-last item
3. Middle item
2. Second item
1. First item

所以数字很好，但订单仍然不正确。无论如何实际上首先要显示第一项？编号对我来说并不重要，我可以使用<ul>，但我认为<ol>描绘的是我的目标。

不，我不能将First Item移到列表的顶部：p我的foreach循环不会像那样工作。

编辑：请阅读问题，这不是重复：）

Answer 1

flex-direction:column-reverse的弹性框会为您执行此操作：

ol { 
    display: flex;
    flex-direction: column-reverse;
}

工作jsFiddle example

结果：

5. First item
4. Second item
3. Middle item
2. Second-to-list item
1. Last item

此外，请不要忘记关闭<li>代码。

Answer 2

使用<ol reversed start=[your value]>。它会起作用。

请参阅此处的示例。 Fiddle