如何更改有序列表项目的编号？

Question

我们有一个简单的AJAX应用程序，它会调用一个Web服务并使用其结果来填充一个有序列表元素中的<li/>元素。每次启动操作时，它会清除现有的<li/>元素并重新填充有序列表。

我看过各种CSS计数器操作的教程，但似乎无法使其工作。我认为这是因为我们每次都清除了有序列表。有人能给我一个关于如何手动设置列表项编号的想法吗？

- Mike Thomsen

---

请问您能提供一下您的代码示例吗？ - Curtis

Answer 1

将列表项上的value="yournumber"设置为您的数字。来自W3C：

<ol>
  <li value="30"> makes this list item number 30.
  <li value="40"> makes this list item number 40.
  <li> makes this list item number 41.
</ol>

- Tomas Aschan

Answer 2

不确定这是否适用于您的代码，但以下是使用CSS和counter-reset的方法

HTML

<ol id="one">
    <li>Something</li>
    <li>Something</li>
    <li>Something</li>
</ol>

<ol id="two">
    <li>Something</li>
    <li>Something</li>
    <li>Something</li>    
</ol>

CSS

#one{
    counter-reset:item;
}
#two{
    counter-reset:item 10; 
}
li:before {
    content: counter(item) ". ";
    counter-increment: item;
}

示例：http://jsfiddle.net/jasongennaro/WWtFY/

- Jason Gennaro