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)是错误的,正确的部分是问题的本质。