Html css样式内容属性

我有一个有序列表，其中我在内容中使用计数器

问题: 如何将颜色仅更改为内容属性（数字）（例如，1.2、1.3、…更改为红色）

注意：仅查找CSS（无HTML更改！）

HTML: 想要的输出：

---

要对所有数字执行此操作，只需添加

颜色：红色到您的css中，以获得如下数字

ol li:before {
    content: counters(item, ".")". ";
    counter-increment: item;
    color:red;
}


要为较低的级别执行此操作（这看起来像是编辑问题之前您想要执行的操作），您可以执行此操作

ol li ol li:before {
    color:red;
}

为了阻止下一层变成红色

ol li ol li ol li:before {
    color:black;
}


ol li ol li:before {
    color:red;
}

ol li ol li ol li:before {
    color:black;
}