如何在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);

}

或者,您可以将flex框与 一起使用


尽管从技术上讲这并不是颠倒顺序,但您也可以将其 与伪元素一起使用。

ul {

list-style-type:none;

counter-reset:item 6;

}

ul > li {

counter-increment:item -1;

}

ul > li:after {

content: counter(item);

}

以上是 如何在HTML中显示逆序列表? 的全部内容, 来源链接: utcz.com/qa/430347.html

回到顶部