有没有一种方法可以在HTML/CSS中创建以月份为计数器的有序项目列表？

我必须展示一份慈善机构名单，每个慈善机构指定一个月。此列表是有序的，因为与一月关联的慈善机构应位于与二月关联的慈善机构之前，依此类推

默认情况下，有序列表只显示1-12作为该列表的计数器，然后我必须添加月份名称作为每个列表项内容的一部分。我也可以把它列为一个无序的列表，然后要点在美学上更令人愉悦，但这在逻辑上似乎没有意义

有没有一种方法可以让我列出月份而不是1-12？ 一月慈善1 二月慈善2

---

…

使用psuedo元素和

列表样式类型：无以执行此操作

Html:

演示：
您到底想要实现什么？
<ul>
<li class="january">Charity 1</li>
<li class="february">Charity 2</li>
</ul>

ul {
list-style-type: none; 
}

li.january:before {
    font-weight: bold;
    content: "January ";
}

li.february:before {
    font-weight: bold;
    content: "February ";
}