Замена для

Question

Я немного постарался найти способ обойти атрибут start в ol элементах.

Как вы, возможно, знаете, start объявлен устаревшим в официальных стандартах, таких как HTML 4.01и XHTML 1.1, и W3C не удосужился объяснить нам, как мы можем обойтись без него.Да, с HTML5 он был устаревшим, но все же вопрос остается.

Есть Упорядоченные списки

, который хорошо объясняет, как его решить.Но только для числовых списков (с type = "1").Как насчет других типов?

Я создал jsFiddle , и мой вопрос, можно ли это сделать?Можете ли вы удалить атрибут start и заменить его CSS, чтобы результат выглядел так же, как и оригинал?Или у W3C просто мозг пукнул в тот день, когда он устарел?

Answer 1

Вы можете указать второй параметр для counter() в свойстве content CSS ( спецификация ):

ol.roman18 {
    margin: 1em 0;
    counter-reset: item 17; /* The first list item will start at 18, XVIII */
}
ol.roman18 li {
    margin: 0 0 0 4em;
}
ol.roman18 li:before {
    content: counter(item, upper-roman) '.';
    counter-increment: item;
    /* Alignment */
    position: absolute;
    margin-left: -3.5em;
    text-align: right;
    width: 3em;
}

PS.item не является обязательным именем, это просто идентификатор счетчика.При желании его можно заменить пони: http://jsfiddle.net/kRPDH/4/.

Демо: http://jsfiddle.net/kRPDH/6/

Answer 2

Я могу предложить 4 способа решения вашей проблемы 1. Измените тип документа на переходный или HTML5 (имейте хорошую поддержку) 2. Используйте js 3. Включите счетчик внутри самого элемента li (не желательно, если там тоже могут быть списки для обработкистраница) 4. Используйте счетчики CSS, как многие предложили.См. Это для подробного объяснения http://dev.opera.com/articles/view/automatic-numbering-with-css-counters/

Answer 3

попробуйте эту скрипку: http://jsfiddle.net/Wvp2b/1/

просто добавьте upper-romans в качестве второго параметра к функции counter и установите переменную счетчика на 17