オーダーリストが正しくインクリメントされていません

Question

このリスト内では、10進数を使用しようとしていますが、何らかの理由でそれが期待通りに番号付けされていません。何がセクションB & Cの番号を修正して、以下を達成するために行われる必要が？：

2）B

2.1）B1

2.2）B2

2.3）B3

3）C

ol { 
 
\t counter-reset: item; 
 
\t list-style-type: decimal; 
 
} 
 
li { 
 
\t display: block; 
 
} 
 
li:before { 
 
content: counters(item, ".") ") "; counter-increment: item 
 
} 
 
<!-- begin snippet: js hide: false console: true babel: false -->

<ol> 
 
    <li><a>A</a> 
 
    </li> 
 
    <ol> 
 
    <li><a>A1</a> 
 
    </li> 
 
    <li><a>A2</a> 
 
    </li> 
 
    <li><a>A3</a> 
 
    </li> 
 
    <li><a>A4</a> 
 
    </li> 
 
    </ol> 
 
    <li><a>B</a></li> 
 
    <ol> 
 
    <li><a>B1</a> 
 
    </li> 
 
    <li><a>B2</a> 
 
    </li> 
 
    <li><a>B3</a> 
 
    </li> 
 
    </ol> 
 
    <li><a>C</a> 
 
    </li> 
 
</ol>

content: counters(item, ".") ". "; counter-increment: item 
} 

 <ol> 
     <li><a>A</a></li> 
     <ol> 
      <li><a>A1</a></li> 
      <li><a>A2</a></li> 
      <li><a>A3</a></li> 
      <li><a>A4</a></li> 
     </ol> 
     <li><a>B</a></li> 
     <ol> 
      <li><a>B1</a></li> 
      <li><a>B2</a></li> 
      <li><a>B3</a></li> 
     </ol><li><a>C</a></li> 
     </ol> 

Answer 1

サブol sがli要素内に挿入する必要があります

ol { 
 
    counter-reset: item; 
 
    list-style-type: decimal; 
 
} 
 
li { 
 
    display: block; 
 
} 
 
li::before { 
 
    content: counters(item, ".")") "; 
 
    counter-increment: item 
 
}

<ol> 
 
    <li> 
 
    <a>A</a> 
 
    <ol> 
 
     <li><a>A1</a> 
 
     </li> 
 
     <li><a>A2</a> 
 
     </li> 
 
     <li><a>A3</a> 
 
     </li> 
 
     <li><a>A4</a> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
    <li> 
 
    <a>B</a> 
 
    <ol> 
 
     <li><a>B1</a> 
 
     </li> 
 
     <li><a>B2</a> 
 
     </li> 
 
     <li><a>B3</a> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
    <li> 
 
    <a>C</a> 
 
    </li> 
 
</ol>