CSSセレクタでCSSカウンタを動作させる方法は？ CSSカウンタを使用しようとして

Question

I'was ... これは私のCSSコードです：

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

と私は "カウンターリセット" を使用していなかった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> 

の一部。 しかし、出力された数字はすべて1でした。 だから、なぜそれが常に1ですか？

Answer 1

これを追加し、私はあなたが意志としてそれを行うだろうと思う：

div.primaries 
{ 
    counter-reset: section; 
} 

はそれがjsfiddle/Larry/ev758/で働いて参照してください。