Html 带重复编号的有序列表
如果我编写以下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 像这样的
<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>