重復編號的有序列表

Question

如果我編寫以下HTML代碼：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Rice</li>
  <li>Bread</li>
</ol>

我會得到

1. Coffee
2. Tea
3. Milk
4. Rice
5. Bread

如果要獲得以下結果，應該編寫什么代碼：

1. Coffee
2. Tea
2. Milk
4. Rice
5. Bread

這樣的事情就可以了：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li class="same_number_as_previous">Milk</li>
  <li>Rice</li>
  <li>Bread</li>
</ol>

Answer 1

拋棄股票計數器並使用自定義CSS2計數器 ：

 ol { counter-reset: foo 0; list-style-type: none; } ol li { counter-increment: foo 1; } ol li.dont-increment { counter-increment: foo 0; } ol li:before { content: counter(foo) "."; /* bells and whistles */ float: left; width: 2em; margin-left: -2.5em; text-align: right; } 

 <ol> <li>Coffee</li> <li>Tea</li> <li class="dont-increment">Milk</li> <li>Rice</li> <li>Bread</li> </ol> 

Answer 2

可以嗎

 ol { margin: 0; } 

 <ol> <li>Coffee</li> <li>Tea</li> </ol> <ol start=2> <li>Milk</li> </ol> <ol start=4> <li>Rice</li> <li>Bread</li> </ol>