<li>值为非整数

Question

我有一个有序的清单。我已经知道我可以使用value字段更改任何给定术语的显示索引：

<ol>
    <li value=6> ... </li>
    <li value=3> ... </li>
    <li value=99> ... </li>
</ol>

这显示了以下内容：

6. ...
3. ...
99. ...

解析时。

如果我希望列表索引为6.5或其他非整数，该怎么办？当我尝试

<li value="6.5"> ... </li>

它仍然只是解析为

6. ...

Answer 1

OL / LI标记仅支持整数，因此您不能使用纯HTML。

以下是如何使用li:before CSS放置自定义内容的示例。

ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
li:before {
  display: inline-block;
  content: attr(value);
}
li.half:before {
  display: inline-block;
  content: attr(value) ".5";
}

<ol>
    <li value=4> ... </li>
    <li value=6 class="half"> ... </li>
    <li value=10> ... </li>
</ol>