我的问题又小又简单，希望您能理解。
当我们写<ol><li></li></ol>标签时，默认情况下它生成的小数是这样的：
- abc
- 定义
- 走
ETC....
但我想更改这样的样式<ol><li></li></ol>（变化很小，因为我的设计师给了我这个）：
1-ABC
2-DEF
3-GIHETC....
因此，请告诉我如何在中实现此设计ol。
这是我的CSS代码：
ol {
margin: 0;
padding: 0;
}
ol li {
list-style: decimal;
}
您可以使用counter-increment属性来实现此目的。在下面的示例中，我首先将lielement的样式重置为none，您实际上可以将其ol本身重置。
稍后，我设置，counter-increment并使用content属性输入值和-。
ol li {
list-style-type: none;
counter-increment: step-counter;
}
ol li:before {
content: counter(step-counter) " - ";
}
我建议您阅读counter-increment有关MDN的更多信息。
注：
step-counter是由词，你可以使用你在那个地方想要的任何东西，你可以像使用custom-counter，dash-counter或任何你喜欢的。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句