我需要帮助。有没有办法在 css/scss 中显示反向排序列表？类似的东西：
5. I am a list item.
4. I am a list item.
3. I am a list item.
2. I am a list item.
1. I am a list item.
【问题讨论】：
您可以旋转父元素180deg，然后旋转子元素-180deg。
ul {
transform: rotate(180deg);
}
ul > li {
transform: rotate(-180deg);
}
或者，您可以将弹性框与 order property. 一起使用
虽然这在技术上并没有颠倒顺序，但您也可以使用 counter-increment 和一个伪元素。
ul {
list-style-type:none;
counter-reset:item 6;
}
ul > li {
counter-increment:item -1;
}
ul > li:after {
content: counter(item);
}
【讨论】：
direction: rtl 来翻转滚动条，就像在这个更新的例子中一样：jsfiddle.net/p8coyed4 虽然滚动条上的初始位置在底部，但这是相对的。 .. 所以你可能只想在那个时候使用 flexbox 模型并使用order 属性或flex-direction: column-reverse
您可以使用 flexbox 来实现这一点。它允许您使用flex-direction 属性反转顺序。
ol {
display: flex;
flex-direction: column-reverse;
}
li {
flex: 0 0 auto;
}
【讨论】：
<ol reversed>
<li>I am a list item.</li>
<li>I am a list item.</li>
<li>I am a list item.</li>
<li>I am a list item.</li>
<li>I am a list item.</li>
</ol>
【讨论】：
如果您想按降序而不是升序对列表进行排序：
快速回复：reversed="reversed"。
请阅读下面的解释：
在以前的 HTML 版本中，实现这一点的唯一方法是在每个元素上放置一个 value 属性，其值依次递减。
<h3>Top 5 TV Series</h3>
<ol>
<li value="5">Friends
<li value="4">24
<li value="3">The Simpsons
<li value="2">Stargate Atlantis
<li value="1">Stargate SG-1
</ol>
这种方法的问题是手动指定每个值的编写和维护可能很耗时，并且 HTML 4.01 或 XHTML 1.0 Strict DOCTYPE 中不允许 value 属性（尽管 HTML 5 修复了该问题并允许 value属性） 新标记非常简单：只需向 ol 元素添加一个 reversed 属性，并可选择提供一个起始值。如果没有提供起始值，浏览器将计算列表项的数量，并从该数字倒数到 1。
<h3>Greatest Movies Sagas of All Time</h3>
<ol reversed>
<li>Police Academy (Series)
<li>Harry Potter (Series)
<li>Back to the Future (Trilogy)
<li>Star Wars (Saga)
<li>The Lord of the Rings (Trilogy)
</ol>
由于该列表中有 5 个列表项，因此该列表将从 5 倒数到 1。 reversed 属性是一个布尔属性。在 HTML 中，该值可以省略，但在 XHTML 中，需要写成：reversed="reversed"。
【讨论】：
查看此链接... 你可以使用 flex-direction: row-reverse;
【讨论】：
使用这个希望对您有所帮助 现代浏览器支持它
<ol reversed="reversed" start="3">
<li> lorem ipsum </li>
<li> Lorem ipsum dollar amet </li>
<li> dollar amet </li>
</ol>
【讨论】：