如何在HTML中显示反序列表？

我需要你快速的帮助。有没有办法在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);
}

Example Here

或者，您可以使用弹性框和order property.

虽然这不是在技术上逆转顺序，您也可以使用counter-increment以及伪装元素。

Example Here

ul {
    list-style-type:none;
    counter-reset:item 6;
}
ul > li {
    counter-increment:item -1;
}
ul > li:after {
    content: counter(item);
}

原文地址：https://www.jb51.cc/html/233111.html