Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.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 定制<;ol>;用节号编号_Html_Html Lists - Fatal编程技术网

Html 定制<;ol>;用节号编号

Html 定制<;ol>;用节号编号,html,html-lists,Html,Html Lists,我在大纲中有几个项目,每个项目都有类似格式的章节号 例: 有没有办法让我的有序列表识别“1.1.1”(和“2.1.1”等)作为起点 因此,发布列表如下所示: 1.1.1 mumbo jumbo 1.1.2 blah blah 1.1.3 something something 使用如下内容作为HTML: <ol start="1.1.1"> <li>mumbo jumbo <li>blah blah <li>something som

我在大纲中有几个项目,每个项目都有类似格式的章节号

例:

有没有办法让我的有序列表识别“1.1.1”(和“2.1.1”等)作为起点

因此,发布列表如下所示:

1.1.1 mumbo jumbo
1.1.2 blah blah
1.1.3 something something
使用如下内容作为HTML:

<ol start="1.1.1">
  <li>mumbo jumbo
  <li>blah blah
  <li>something something
</ol>

  • 胡言乱语
  • 废话
  • 什么东西
  • 这在本机HTML/CSS中可能吗?显然,上面的HTML不起作用(迭代器恢复为1、2、3)

    看到这个了吗 您可以使用CSS
    计数器
    属性执行此操作

    HTML

    <ol class="custom">
        <li>mumbo jumbo</li>
        <li>blah blah</li>
        <li>something something</li>
    </ol>
    
    阅读中有关计数器的更多信息

    这是W3Schools的
    计数器的一个例子。

    我发现了一个类似的问题
    <ol class="custom">
        <li>mumbo jumbo</li>
        <li>blah blah</li>
        <li>something something</li>
    </ol>
    
    .custom {
        counter-reset: custom;
    }
    .custom li {
        list-style-type: none;
    }
    .custom li::before {
        counter-increment: custom;
        content:"1.1." counter(custom)" ";
    }