如何替换类型为 'a' 的有序列表中的点'.'

Question

我基本上需要替换这个：

a。元素a
b。元素b
c。元素c

对此：

a： 元素a
b:元素b
c:元素c

尝试了以下操作(自定义计数器作为每个<li>之前的伪元素(：

<ol type="a">
<li>Element a</li>
<li>Element b</li>
<li>Element c</li>
</ol>

ol > li:before {
content: counter(item) ":";
counter-increment: item;
}

但我得到的结果是：
a.1:元素a
b.2:元素b
c.3:元素c

因此，这似乎只适用于规则(编号(有序列表。有没有办法实现这一点，或者我必须硬编码它？

Answer 1

在这篇文章之后，你可以这样做：

ol {
list-style-type: none;
counter-reset: elementcounter;
padding-left: 0;
}
li:before {
content: "Step " counter(elementcounter) ". ";
counter-increment: elementcounter;
font-weight: bold;
}

和：

<ol>
<li>Place bag in freezer, etc...</li>
<li>Preheat oven</li>
</ol>