我们可以检索li的默认计数器值吗？

Question

我们可以在 CSS 中检索li的默认计数器值吗？ 例如：
如果我有6个<li>，以2 <ol>分隔，但我希望{1}}从1到6列出，而不是1到3两次。我在第二个<li>的第一个value="4"上使用<li>，所以它有效，但现在我正在使用

<ol>

ol { counter-reset: i 0; } ol li:before { content: counter(i); counter-increment: i; font-weight: bold; }​ 不会计算第二个content: counter(i);的第一个value="4"上的<li>。

我能为此做点什么吗？

查看JsFiddle

Answer 1

这是否符合您的需求？ View on JSFiddle

HTML

<ol>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ol>
<ol>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ol>

CSS

ol:first-of-type {
  counter-reset: i 0;
}

ol li:before {
  content: counter(i);    
  counter-increment: i;
  font-weight: bold;
}​

Answer 2

发现我只需要在父级counter-reset上执行<ol>而不是所有{{1}}
View example了解详细信息。