Question

我不希望我的<ol>项呈现为1, 2, 3 ... 9, 10，我希望它们的编号方式为0x01, 0x02 ... 0x09, 0x0a。这有可能吗？

Answer 1

你可以用一点点JavaScript来做。这是一个使用jQuery帮助的片段。

$('li').each(function(index){
   $(this).text('0x' + (index + 1).toString(16) + ' ' + $(this).text());
});

以下是它的工作示例： http://jsfiddle.net/QkNb4/

Answer 2

进一步改进Makotosan的解决方案：http://jsfiddle.net/Merrinen/nZxFJ/1/

使用CSS内容显示十六进制。
使用ol HTML元素而不是ul。
检查ol元素中的start属性。
大写十六进制值（个人喜好，易于删除）。

Answer 3

我不这么认为。从this CSS-Tricks Article开始，这是我们将来可以做的事情：

/*
  Examples from THE FUTURE
  No browser support at the time of this writing
*/

li::marker {
  width: 30px;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
}

ol {
  list-style: symbols("*" "\2020" "\2021" "\A7");
}

ul {
  list-style-type: "★";
}

目前，我认为我们仅限于list-style-type中可用的内容，但我可能错了。您可以使用:before伪类，并在其中使用content属性，但它不是最优雅或易于维护。

Answer 4

你可以做到，但我会警惕在大型列表上使用它和/或当代码中有很多不同的手指时。如果你密切关注它，它是可维护的。核实： http://jsfiddle.net/jalbertbowdenii/zhuum/10/

是否可以使用十六进制数格式化有序列表？

4 个答案: