Html 带重复编号的有序列表

Html 带重复编号的有序列表,html,css,html-lists,Html,Css,Html Lists,如果我编写以下HTML代码: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> <li>Rice</li> <li>Bread</li> </ol> 如果我想得到以下结果,我应该编写什么代码: 1. Coffee 2. Tea 2. Milk 4. Rice 5. Bread 像这样的

如果我编写以下HTML代码:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Rice</li>
  <li>Bread</li>
</ol>
如果我想得到以下结果,我应该编写什么代码:

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>

  • 咖啡
  • 牛奶
  • 米饭
  • 面包

  • 放弃库存柜台,使用定制的:

    ol{
    计数器复位:foo 0;
    列表样式类型:无;
    }
    欧利{
    反增量:foo 1;
    }
    欧利:不要增加{
    计数器增量:foo 0;
    }
    奥利:以前{
    内容:计数器(foo)”;
    /*钟声和口哨声*/
    浮动:左;
    宽度:2米;
    左边距:-2.5em;
    文本对齐:右对齐;
    }
    
    
  • 咖啡
  • 牛奶
  • 米饭
  • 面包
  • 可以吗

    ol{
    保证金:0;
    }
    
    
  • 咖啡
  • 牛奶
  • 米饭
  • 面包

  • 这些应该是链接吗?不,我只是想要一个定制的列表检查我的代码片段!!!这正是你想要的@ThanosI从来都不知道ol标签的start属性,所以谢谢你。在CSS中使用这样的逻辑总是很好的。可能有比这更干净的方法,但实际上要跳过一个数字,你可以用大于1的反增量。请参阅:。一个选项是在创建过程中通过内联样式来实现这一点。
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li class="same_number_as_previous">Milk</li>
      <li>Rice</li>
      <li>Bread</li>
    </ol>