模拟列表

Question

将div制作为有序列表的正确方法是什么？

假设你有这样的HTML

<div id="list"> 
    <span>List item one</span> 
    <span>List item two</span> 
    <span>List item three</span>  
</div> 

我是，你不需要做任何事情的印象，但这

#list {list-style:decimal; margin:1em 0 1em 2.5em;} 
#list span {display:list-item} 

，使其工作。而实际上，它在的作用下，除了Mozilla之外的所有浏览器都有的工作。见fiddle。 Mozilla不计算：所有列表项都有数字0.

那么我错过了一些重要的CSS？我确实尝试将列表样式放在跨度上，或者只在跨度上而不是div上，但这没有任何影响。

这是Gecko中的错误吗？或者，这甚至不应该起作用，并且其他浏览器是否正在自由地使用这些标准？互联网搜索令人沮丧，因为结果都是关于将样式应用于ol和ul元素。

Answer 1

#list {list-style:decimal; margin:1em 0 1em 2.5em;counter-reset: section;} 
#list span:before{counter-increment: section; content: counter(section) ".";} 

.... 仅适用于css3 - 包括FF。