有序列表没有正确递增

问题描述：

在这个有序列表中，我试图使用十进制数字，但出于某种原因，它不按预期编号。需要什么，以便固定为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>

答

子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>

有序列表没有正确递增

相关推荐