Come far funzionare il contatore css con il selettore css?

Question

I'was cerca di usare contatore css ... Questo è il mio codice CSS:

div.primaries div.entries>div.meaning:first-child:before { 
    counter-increment: section; 
    content: counter(section); 
} 

e la parte di HTML

<div class="primaries"> 
<div class="headword entries"> 
<div class="meaning terms"> 
<span class="meaning terms text">A collection of items of the ...</span> 
</div> 
<div class="meaning entries"> 
<div class="example terms"> 
<span class="example terms text">an arms <em>cache</em></span> 
</div> 
</div> 
<div class="meaning entries"> 
<div class="example terms"> 
<span class="example terms text">a <em>cache</em> of gold coins</span> 
</div> 
</div> 
</div> 
<div class="headword entries"> 
<div class="meaning terms"> 
<span class="meaning terms text">A hidden or inaccessible ...</span> 
</div> 
</div> 
<div class="headword entries"> 
<div class="meaning terms"> 
<span class="meaning terms text">An auxiliary memory from ...</span> 
</div> 
</div> 
</div> 

non ho usato nessuna "counter-reset". Tuttavia, ogni numero in uscita era 1. Quindi, perché è sempre 1?

Answer 1

Aggiungere questo e penso che farà come si vuole:

div.primaries 
{ 
    counter-reset: section; 
} 

Guardalo lavorare a jsfiddle/Larry/ev758/.