如何让CSS计数器与CSS选择器一起工作？

I'was尝试使用CSS计数器... 这是我的CSS代码：如何让CSS计数器与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？

来源

2011-08-18 elric

添加这一点，我认为它会做你会：

div.primaries 
{ 
    counter-reset: section; 
}

看到它jsfiddle/Larry/ev758/工作。

来源

2011-08-18 08:51:29

它的工作原理。非常感谢 – elric

来自w3schools：“反复位属性创建或重置一个或多个计数器。” –

@elric，如果这对你有用，请[标记为已回答]（http://stackoverflow.com/questions/how-to-answer）。 –

如何让CSS计数器与CSS选择器一起工作？

回答

相关问题