模擬列表

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。