2

CSSで li のデフォルトのカウンター値を取得できますか?

例:
6 があり、 2 で区切られている場合、<li>1から 3 を 2 回ではなく、1 から 6 にリストする必要があります。2番目の最初に使用したのでうまくいきましたが、今は使用しているので<ol><li>value="4"<li><ol>

ol {
  counter-reset: i 0;
}

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

秒 の 1 番目にカウント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>

于 2012-12-20T17:04:51.073 に答える