将文本指定为列表中的项目符号

Question

我知道在HTML中你可以使用<ol><li></li></ol>获得一个很好的有序列表，但是使用list-style-type：decimal总是将数字增加1。

我正在寻找一种设置项目符号文本值的方法。

我可能会得到一个类似于

的列表

12项目
22项目
2项目

如果可能的话，我不想疯狂地使用图像。 对此有一个简单的解决方案吗？

我有HTML，CSS，javascript（jquery）和PHP。

Answer 1

SOFlow：Is it possible to specify a starting number for an ordered list with css?

Make OL list start from number different than 1 using CSS。除此之外，实现这一目标的唯一方法是通过花哨的定位。这是我希望他们没有弃用的事情之一。

Answer 2

以下应该可以解决问题。但是，请注意，value是HTML 4中li标记的已弃用属性。

<ol>
<li value="12">item</li>
<li value="22">item</li>
<li value="2">item</li>
</ol>

Answer 3

那不是一个有序列表，那么它呢？您应该只在无序列表中模拟一颗子弹：

<ul>
  <li><span>22</span> item
</ul>

删除带有list-style-type: none的子弹，然后选择风格。