扭转ol编号

Question

在支持ie7 +时，如何在没有javascript的情况下撤消ol编号？

我找到的解决方案已弃用，不适用于我当前的浏览器（firefox＆amp; chrome）或使用{7}}选择器或子:before选择器，ie7 +不支持

想法？

Answer 1

这可以通过设置li的值来实现。如果您有一个很长的列表，可以使用JavaScript来设置值。我不认为有一个CSS解决方案来颠倒列表的顺序。

<ol>
    <li value="3">first</li>
    <li value="2">second</li>
    <li value="1">third</li>
</ol>

Answer 2

您可以为reversed元素设置ol属性以实现目标。

<ol reversed=true> </ol>

我相信它现在适用于Chrome，Safari和Firefox。 IE ....不确定。

Answer 3

使用Javascript和jQuery：

$(function() {

    var list = $("#list").find("li");

    // count the total number of <li>'s
    var count = $(list).length;

    // loop through each <li> and set value to a decreasing value of count
    list.each(function() {

        $(this).attr("value", count--);

    });

});

相关HTML：

<ol id="list">
    <li>first</li>
    <li>second</li>
    <li>third</li>
</ol>