在HTML中插入额外的项目2A<;ol>;
我肯定这之前一定有人问过,但我找不到 我想创建一个有序列表,其中项目编号为1、2、2A、3、4…。我在编号上没有选择,因为它必须符合已发布的标准,该标准插入了2A,以纠正早期版本中的遗漏,而无需重新编号 显然,我可以使用在HTML中插入额外的项目2A<;ol>;,html,html-lists,Html,Html Lists,我肯定这之前一定有人问过,但我找不到 我想创建一个有序列表,其中项目编号为1、2、2A、3、4…。我在编号上没有选择,因为它必须符合已发布的标准,该标准插入了2A,以纠正早期版本中的遗漏,而无需重新编号 显然,我可以使用手动输入所有数字,如果没有更好的解决方案,我会这样做;但感觉不对。我无法执行,因为属性必须是一个数字,并且在Firefox 37中测试时忽略了“a”。我曾尝试在CSS中使用li::before{content:'2A'},但显然Firefox没有像草案中所说的那样使用它来生成标记
手动输入所有数字,如果没有更好的解决方案,我会这样做;但感觉不对。我无法执行
,因为属性必须是一个数字,并且在Firefox 37中测试时忽略了“a”。我曾尝试在CSS中使用li::before{content:'2A'}
,但显然Firefox没有像草案中所说的那样使用它来生成标记
有什么建议吗?我不介意只在相对现代的浏览器中使用的解决方案。您可以尝试不依赖列表样式属性,而是依赖CSS计数器增量属性。它可能是这样的:
ol{列表样式类型:无;计数器重置:节;}
李:以前{
显示:内联块;
宽度:2米;
文本对齐:右对齐;
右边距:1米;
反增量:节;
内容:柜台(部分)”;
}
李:特别节目:之前{
反增量:无;
内容:柜台(A部分);
}
事情1
事情2
东西2旧
事情3
这确实正确地包含了数字,我不介意手动添加class=“special”
(因为这是一个罕见的事件),但它不再正确对齐。“Thing2 old”文本从中进一步开始,因为“2A”是一个较长的标签;同样,一旦计数器达到10。li:before
和li上的width
CSS属性似乎不受尊重。您可以通过应用更多CSS来设置:before元素的样式,因此它的行为类似于默认列表点。请参阅我编辑的答案。