如何在不使用css中的计数器的情况下更改有序列表中的数字颜色？

Question

正在制作如下列的有序列表

1. ITEM1
2. ITEM2
3. 项目3

我需要自定义有序列表的编号颜色而不影响默认编号。  我希望结果像这样。 见codepen

Answer 1

<强> DEMO

same question

<强> HTML

<ol id="footnotes">
    <li><span>This is the first footnote...</span></li>
    <li><span>This is the second footnote...</span></li>
</ol>

<强> CSS

#footnotes li { color: #f90; }
#footnotes li span { color: #000; }

Answer 2

In this post (How can I change the color of the dot in an unordered list?)被提议为项目符号列表的解决方案。也许你也会感兴趣（但它需要为每个列表项添加一个范围）

Answer 3

this question有一些很好的答案。这个没有柜台。添加具有不同颜色的内部跨度。

<ol><li style='color: red;'><span style='color:black;'>test</span></li></ol>