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

前端之家收集整理的这篇文章主要介绍了如何在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);
}

猜你在找的HTML相关文章