集市有几个主题可以实现不同级别有序列表以不同的数字序列显示,如下:
有时候还是习惯用中文数值作为第一级,效果如下:
实现方式:魔改现有主题(本次基于 DARK-BLUE,其他主题代码大致相同),代码如下:
div[data-subtype="o"].list {
/* --o1-style: counter(o1,cjk-ideographic)"、"; */
--o1-style: counter(o1,cjk-decimal)"、";
--o2-style: counter(o2,decimal)"、";
--o3-style: counter(o3,decimal)")、";
--o4-style: counter(o4,upper-latin)"、";
--o5-style: counter(o5,lower-latin)"、";
--o6-style: counter(o6,lower-roman)"、";
}
/* 第1层级 */
/* 保持默认,这样可以从任意序号开始编号 【这行是原主题的注释,留着方便有兴趣的同学查找修改】*/
.list[data-subtype="o"]>.li[data-subtype="o"] .protyle-action {
font-size: 0px;
}
.list[data-subtype="o"]>.li[data-subtype="o"] .protyle-action::after {
counter-increment: o1;
content: var(--o1-style);
position:absolute;
font-size:20px;
}
第一级默认会同时显示中文和西文数字,故 css 里把西文数字的字体大小改为 0。由于对 css 不熟,只能干到这样,希望有更好的解决的方案。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于