Html 可以用十六进制数格式化有序列表吗?

Html 可以用十六进制数格式化有序列表吗?,html,css,Html,Css,我不希望我的项目被呈现为1,2,3。。。9,10,我希望它们像下面这样编号0x01,0x02。。。0x09,0x0a。这有可能吗?我想还没有。从现在开始,这就是我们将来能够做的: /* Examples from THE FUTURE No browser support at the time of this writing */ li::marker { width: 30px; text-align: right; margin-right: 10px; disp

我不希望我的
项目被呈现为
1,2,3。。。9,10,我希望它们像下面这样编号
0x01,0x02。。。0x09,0x0a
。这有可能吗?

我想还没有。从现在开始,这就是我们将来能够做的:

/*
  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: "★";
}

目前,我认为我们仅限于
列表样式类型中可用的内容,但我可能错了。您可以使用
:before
伪类,并在其中使用
content
属性,但它不是最优雅的,也不容易维护。

我不这么认为。从现在开始,这就是我们将来能够做的:

/*
  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: "★";
}

目前,我认为我们仅限于
列表样式类型中可用的内容,但我可能错了。您可以使用
:before
伪类,并在其中使用
content
属性,但它不是最优雅的,也不容易维护。

您可以使用一点JavaScript来完成。下面是一个使用jQuery帮助的代码片段

$('li').each(function(index){
   $(this).text('0x' + (index + 1).toString(16) + ' ' + $(this).text());
});
下面是一个工作的示例:

您可以使用一点JavaScript来完成。下面是一个使用jQuery帮助的代码片段

$('li').each(function(index){
   $(this).text('0x' + (index + 1).toString(16) + ' ' + $(this).text());
});
下面是一个工作的示例:
您可以这样做,但我会小心在大型列表和/或代码中有许多不同的手指时使用此选项。如果你一直盯着它,它是可以维护的。检查它:
您可以这样做,但我会小心在大型列表和/或代码中有许多不同的手指时使用此选项。如果你一直盯着它,它是可以维护的。检查它:
进一步改进了Makotosan的解决方案:

  • 使用CSS内容显示十六进制
  • 使用ol HTML元素而不是ul
  • 检查ol元素中的start属性
  • 大写十六进制值(个人偏好,易于删除)

  • 进一步改进了Makotosan的解决方案:

  • 使用CSS内容显示十六进制
  • 使用ol HTML元素而不是ul
  • 检查ol元素中的start属性
  • 大写十六进制值(个人偏好,易于删除)

  • 手动通过
    内容:
    是,但不是自动。手动通过
    内容:
    是,但不是自动。他就是这么说的,他想要他们聪明人。看看他的例子,看起来和我的一模一样这是不一样的,最后一个学期(10)是错误的,正确的部分是问题的本质。这就是他说他想要他们聪明人的方式。看看他的例子,看起来和我的一模一样这是不一样的,最后一个术语(10)是错误的,正确的部分是问题的本质。