¿Cómo hacer que el contador css funcione con el selector css?

Question

I'was tratando de utilizar contador css ... Este es mi código CSS:

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

y la parte del 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> 

Yo no utilizar ningún "counter-reset". Sin embargo, cada número superado fue 1. Entonces, ¿por qué siempre es 1?

Answer 1

Añadir esto y creo que va a hacer lo que se quiere:

div.primaries 
{ 
    counter-reset: section; 
} 

verlo funcionar en jsfiddle/Larry/ev758/.