CSS - Liste personnalisée tout en maintenant le compteur décimal par défaut

Question

Je crée un ol> li personnalisé pour ressembler à ceci

1 | Contenu de la liste

2 | Contenu de la liste

3 | Liste contenu

J'ai référencé ce post: HTML + CSS: Ordered List without the Period?

Mais, je ne peux pas les chiffres apparaissent, et ils doivent apparaître sans périodes en suivant le nombre numérique standard.

voici mon code:

#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

Vous avez été absent de quelques pas pour l'obtenir pour y travailler avec le css; en ajoutant principalement: #content ol:first-child { counter-reset: customlistcounter;}. J'ai mis en place un exemple afin que vous puissiez voir comment cela fonctionne maintenant correctement ici: http://jsfiddle.net/n5wx4/

Comme l'autre affiche dit, souvenez-vous que cela ne fonctionne qu'avec les navigateurs un peu plus récents, donc IE 6 et 7 sont sortis.