Html 排序列表编号和内容的不同样式

有没有可能让有序列表中的数字、字母或数字等具有与内容不同的样式，而不在每个列表元素中包含某种div或span标记？

是的，您可以

李{ 列表样式：无； 计数器增量：myCounter； } 李：以前{ 内容：计数器； 字号：19px； 颜色：红色； } 是的，你可以

李{ 列表样式：无； 计数器增量：myCounter； } 李：以前{ 内容：计数器； 字号：19px； 颜色：红色； }

---

可以将列表样式设置为“无”，并用CSS计数器和伪元素替换默认编号。例如：

ol{ 列表样式：无； 计数器重置：我的可怕计数器； } 李{ 计数器增量：我的可怕计数器； } 李：以前{ 内容：countermy awesome counter； /*任何数字的样式，就好像它们是LIs内容之前的跨距一样，都在这里*/ }

---

可以将列表样式设置为“无”，并用CSS计数器和伪元素替换默认编号。例如：

ol{ 列表样式：无； 计数器重置：我的可怕计数器； } 李{ 计数器增量：我的可怕计数器； } 李：以前{ 内容：countermy awesome counter； /*任何数字的样式，就好像它们是LIs内容之前的跨距一样，都在这里*/ }

---

你所说的不同于内容的风格是什么意思？内容也是一个列表。你能提供一些代码吗？你的意思是不同的字体属性，比如家庭、颜色、大小是否与列表项的内容相对应？“McCuoDeTt是的，这就是我的意思。”Garan：如果我这样做，我会考虑在列表项内容周围使用一个内部包装器，并给它应用一个特定的样式。或者，我还可以为列表设置一个自定义计数器，将counted放在伪元素中，并将样式应用于伪元素。伪元素方法可能更实用，因为您有大量的列表，并且您不太担心真正的旧浏览器。您所说的与内容不同的样式是什么意思？内容也是一个列表。你能提供一些代码吗？你的意思是不同的字体属性，比如家庭、颜色、大小是否与列表项的内容相对应？“McCuoDeTt是的，这就是我的意思。”Garan：如果我这样做，我会考虑在列表项内容周围使用一个内部包装器，并给它应用一个特定的样式。或者，我还可以为列表设置一个自定义计数器，将counted放在伪元素中，并将样式应用于伪元素。伪元素方法可能更实用，因为您有大的列表，并且您不太担心真正的旧浏览器。因此，本质上，在显示页面时，它会动态增加计数并使用计数器？对于设置了计数器增量属性的任何元素，计数器都会递增，从计数器重置为的值开始，默认值为0。这里有一篇关于CSS计数器的好文章：谢谢你的链接。事实证明，我为之工作的人并不介意数字采用相同的样式。因此，本质上，当页面显示时，它会动态增加计数并使用该计数器？对于设置了counter increment属性的任何元素，计数器都会递增，从计数器重置为的值开始，默认值为0。这里有一篇关于CSS计数器的好文章：谢谢你的链接。结果发现我为之工作的那个人并不介意数字的样式相同。