Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML中插入额外的项目2A<;ol>;_Html_Html Lists - Fatal编程技术网

在HTML中插入额外的项目2A<;ol>;

在HTML中插入额外的项目2A<;ol>;,html,html-lists,Html,Html Lists,我肯定这之前一定有人问过,但我找不到 我想创建一个有序列表,其中项目编号为1、2、2A、3、4…。我在编号上没有选择,因为它必须符合已发布的标准,该标准插入了2A,以纠正早期版本中的遗漏,而无需重新编号 显然,我可以使用手动输入所有数字,如果没有更好的解决方案,我会这样做;但感觉不对。我无法执行,因为属性必须是一个数字,并且在Firefox 37中测试时忽略了“a”。我曾尝试在CSS中使用li::before{content:'2A'},但显然Firefox没有像草案中所说的那样使用它来生成标记

我肯定这之前一定有人问过,但我找不到

我想创建一个有序列表,其中项目编号为1、2、2A、3、4…。我在编号上没有选择,因为它必须符合已发布的标准,该标准插入了2A,以纠正早期版本中的遗漏,而无需重新编号

显然,我可以使用
手动输入所有数字,如果没有更好的解决方案,我会这样做;但感觉不对。我无法执行
  • ,因为属性必须是一个数字,并且在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元素的样式,因此它的行为类似于默认列表点。请参阅我编辑的答案。