有序列表沒有正確遞增

Question

在這個有序列表中，我試圖使用十進制數字，但出於某種原因，它不按預期編號。需要什麼，以便固定爲B節& C中的編號和實現需要做以下？：

2）乙

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的需要是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>