2

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

例如：
如果我有 6 <li>，分隔在 2 中<ol>，但我希望<li>从 1 到 6 列出，而不是从 1 到 3 两次。我在第二个中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><ol>

对此我能做些什么吗？

在JsFiddle上查看

4

2 回答 2

3

这符合您的需求吗？在 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;
}​
于 2012-12-20T17:05:08.107 回答
1

发现我只需要counter-reset在父级而不是所有<ol>
View 示例上执行详细信息。

于 2012-12-20T17:04:51.073 回答