Css 我们是否可以在不改变整个li的情况下对有序列表中的数字进行样式化？

使用CSS是否可以更改­

中数字的样式而不更改

中的整个文本而不在li内容周围添加额外标记？

您可以禁用原始的

样式，然后使用

：before

选择器和计数器添加您想要的任何样式。比如：

如果愿意，甚至可以使用选择器（）覆盖列表中特定元素的某些样式：

---

。。。因为这里仍然应用级联规则。但是请注意，IE8不支持第n个孩子。

@Andy:请不要以任何理由链接到w3schools。这是一个不需要更多反向链接来增加其pagerank的链接。@Andy：这里有一些更好的：，但是IE8支持同级选择器，因此您可以实现相同的链接

+

，如下所示：@Andy如果列表中有5个或更多项，会发生什么？如果您需要旧IE支持来设计第三个，您需要此选择器：

ol li:first child+li+li

而不是

ol li+li+li

也许您可以帮助我解决一个休整的问题@Andy，当列表上有100个项目时？200美元怎么样？你会继续添加选择器吗？@Andy我的意思是，当只需要1个选择器时，你会添加多个选择器。

ol {
    counter-reset: i 0;
}
ol li:before {
    content: counter(i);    
    counter-increment: i;
    padding-right: 0.5em;
    color: red;
}

ol li:nth-child(3):before {
    color: violet;
}