Обратная нумерация

Question

Как изменить ol нумерацию без javascript при поддержке ie7 +?

Я нашел решение, которое устарело и не работает в моих текущих браузерах (Firefox и Chrome) или использует :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. То есть .... не уверен.

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>