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