CSS - 保留默認小數計數器的自定義列表

Question

我正在自定義ol> li，看起來像這樣

1 |列表內容

2 |列表內容

3 |列表內容

我也引用這篇文章：HTML + CSS: Ordered List without the Period?

但是，我不能得到的數字出現，並且他們需要在遵循標準的數字計數出現無期。

這裏是我的代碼：

#content ol > li:before{ 
    content: counter(customlistcounter) " |"; 
    counter-increment: customlistcounter; 
    margin-left: -21px; 
    float: left; 
    width: 1em; 
} 
#content ol li{ 
    padding-left: 21px; 

Answer 1

你失蹤了幾個步驟獲得它與CSS那裏工作;主要增加：#content ol:first-child { counter-reset: customlistcounter;}。我設置了一個示例，以便您可以看到它現在如何在此處正常工作：http://jsfiddle.net/n5wx4/

像其他海報說的那樣，但請記住，這隻適用於較新的瀏覽器，因此IE 6和7不適用。