Css 列表样式类型在li的实际内容之后为十进制

这可能是不可能的，但我不得不问。 假设我有一个列表：

<ul>
<li>hello world</li>
<li>hello world</li>
</ul>

它将提供：

1. hello world
2. hello world

我可以让数字显示在li的实际内容之后吗？如果没有圆点，效果会更好，比如：

hello world 1
hello world 2

泰

---

你有什么想法。。。如果CSS无法实现这一点，那么jquery？

可能需要自己创建效果。下面是一个例子

ul{
列表样式：无；
}
ul li span.num{
浮动：对；
}

你好，世界1
你好，世界2
你好，世界3

---

当然，如果您有一个很长的列表，您可以使用JavaScript或jQuery动态添加数字。

我不知道CSS解决方案，但是既然您提到了jQuery，那么下面的内容怎么样：

$('li').each(function(index) {
    $(this).append(" " + (index + 1));
});

---

循环浏览每个

，并使用

索引

（基于0）参数将数字附加到内容之后

您可能可以使用

：之后

和：

演示：

可能很难得到你想要的确切效果

---

CSS3提供了浏览器支持，但目前浏览器支持不稳定。

您可以使用css生成的内容来实现这一点

.list {
    padding:2em;
    list-style-type:none;
    counter-reset:nums;    
}

.list li:after{
    counter-increment:nums;
    content: " " counter(nums);
}

示例：

试试这个，Html:

<ul id="theul">
    <li>hello world</li>
    <li>hello world</li>
    <li>hello world</li>
</ul>

---

演示：

Hmm…不确定css，但使用jQuery绝对可以！这将不允许嵌套列表，如下所示：（只是一个注释。）

。每个
都将索引作为参数传递给函数。不需要使用
i
@WilliamVanRensselaer:Lol，我对jQuery不太了解，但我试着回答。谢谢你提及。
ol {
    counter-reset: pancakes;
}
li {
    list-style-type: none;
}
li:after {
    content: counter(pancakes);
    counter-increment: pancakes;
}

.list {
    padding:2em;
    list-style-type:none;
    counter-reset:nums;    
}

.list li:after{
    counter-increment:nums;
    content: " " counter(nums);
}

<ul id="theul">
    <li>hello world</li>
    <li>hello world</li>
    <li>hello world</li>
</ul>

var i=1;
    $("#theul li").each(function() {
      $(this).append(" " + i);
        i = i+1;
});