title: How to make css counter works with css selector?
body: <p>I'was trying to use css counter...
  This is my css code:</p>
  
  <pre><code>div.primaries div.entries&gt;div.meaning:first-child:before {
      counter-increment: section;
      content: counter(section);
  }
  </code></pre>
  
  <p>and the part of html</p>
  
  <pre><code>&lt;div class="primaries"&gt;
  &lt;div class="headword entries"&gt;
  &lt;div class="meaning terms"&gt;
  &lt;span class="meaning terms text"&gt;A collection of items of the ...&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="meaning entries"&gt;
  &lt;div class="example terms"&gt;
  &lt;span class="example terms text"&gt;an arms &lt;em&gt;cache&lt;/em&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="meaning entries"&gt;
  &lt;div class="example terms"&gt;
  &lt;span class="example terms text"&gt;a &lt;em&gt;cache&lt;/em&gt; of gold coins&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="headword entries"&gt;
  &lt;div class="meaning terms"&gt;
  &lt;span class="meaning terms text"&gt;A hidden or inaccessible ...&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="headword entries"&gt;
  &lt;div class="meaning terms"&gt;
  &lt;span class="meaning terms text"&gt;An auxiliary memory from ...&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I did not use any "counter-reset".
  However, every number outputed was 1.
  So, why it is always 1?</p>