Css 自动继续wordpress中的有序列表

Css 自动继续wordpress中的有序列表,css,wordpress,html,html-lists,Css,Wordpress,Html,Html Lists,我想创建一个有序列表,打破它(即写一些段落),然后从我留下的数字继续相同的有序列表。大概是这样的: 列表从这里开始: 项目1 项目2 此行不是已排序列表的一部分 项目3 项目4 项目5 经过研究,我尝试了很多方法。其中一个我觉得有趣的是: List starts here: <ol class="begin"> <li>Item 1</li> <li>Item 2</li> </o

我想创建一个有序列表,打破它(即写一些段落),然后从我留下的数字继续相同的有序列表。大概是这样的:

列表从这里开始:

  • 项目1
  • 项目2
  • 此行不是已排序列表的一部分

  • 项目3
  • 项目4
  • 项目5
  • 经过研究,我尝试了很多方法。其中一个我觉得有趣的是:

    List starts here:
    
        <ol class="begin">
            <li>Item 1</li>
            <li>Item 2</li>
        </ol>
    
        This line is not a part of the ordered list.
        <ol class="continue">
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ol>
    
    列表从这里开始:
    
  • 项目1
  • 项目2
  • 此行不是已排序列表的一部分。
  • 项目3
  • 项目4
  • 项目5
  • 但这对我不起作用。这是我在wordpress中发布此代码时得到的输出:

    是否有任何方法可以在html中继续先前的有序列表? 我想在不使用start=“n”标记的情况下自动继续有序列表。

    使用
    实现您想要的功能

    例如,

    守则:

    <ol class="begin">
            <li>Item 1</li>
            <li>Item 2</li>
        </ol>
    
        This line is not a part of the ordered list.
        <ol class="continue" start="3">
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ol>
    
    现场:

    感谢您的快速回复。刚刚更新了我的问题。我希望此操作自动继续,无法硬编码数字。希望段落从列表中缩进:(Hi@Nathall很好的解决方案。可能将
    文本缩进更改为
    位置:相对;
    左:-40px;
    将更灵活:D@twxia谢谢。不。
    position:relative;
    不用于此目的。仅当您想专门使用
    div
    更改其位置时才使用。对于文本,请使用
    text-缩进
    。还有,这又有什么区别呢?@Nathall因为
    文本缩进
    会破坏
    框模型
    。如果您想在DOM中设置所有
    p
    的样式,它可能会在
    p
    中被破坏(就像一个明显的例子:
    右边填充
    )@j08691:添加了我运行此代码时得到的“输出”。正如您提到的,您正在使用
    wordpress
    ,请转到
    text
    ,然后简单地将我在下面提到的内容放进去。您的问题会得到解决。@Nathall非常感谢,但是我如何使用wordpress对css进行更改?我只能在文本部分编写HTML代码。还有其他问题吗我写的内容会在预览后立即重置。是的。您还需要在
    ol
    中添加一个类,以防止对其他段落产生这种影响。有关详细信息,请查看此提琴---@AyseIn current(2020)wordpress,您可以单击任何编号的列表,并在右侧查找“块设置”,该设置应具有“起始值”您可以设置为任何值的字段。如果您没有看到,可能是因为您的块未被视为编号列表。请尝试创建一个以
    1开头的新块。诸如此类,它应该自动成为编号列表。
    
    <ol class="begin">
            <li>Item 1</li>
            <li>Item 2
            <p>
            This line is not a part of the ordered list.
            </p>
            </li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ol>
    
    .indent-p {
       margin-left: -40px;
    }