Html 表示嵌套列表、混合数字和项目符号点



我需要尽可能接近下面的示例,仅使用 html。我可以获取顶级编号列表和下一级项目符号点,但无法弄清楚如何获得缩进最多的项目符号点级别。

如果可以做到,请告诉我或指出我纠正语法。谢谢!

我不得不使用"_"来使格式在预览中看起来正确。

  1. 顶级点
    _• 附属点
    ___• 子点
    _• 下一个补贴。点
  2. 下一个顶级点

如果我理解你的问题,我想这就是你要找的: jsfiddle

<ol>
    <li>List item one</li>
        <ul>
            <li>Subitem 1</li>
        <ul>
            <li>Sub-Subitem 1</li>
        </ul>
        <li>Subitem 2</li>
        </ul>
    <li>List item two with subitems:</li>
</ol>

我想这可能会有所帮助

<ol>
    <li>Outer 1
        <ul type="disc">
            <li>Inner 1
                <ul  type="disc">
                    <li>Sub Inner 1 </li>
                </ul>
              </li>
            <li>Inner 2</li>
        </ul>
    </li>
    <li>Outer 2</li>
</ol>

试试这个

<ol>
<li>item 1</li>
<li>item 2
<ul>
    <li>Sub-item 1</li>
    <li>Sub-item 2</li>
    <li>Sub-item 3
    <ul>
    <li>sub-Subitem 1</li>
    <li>sub-Subitem 2</li>
    </ul>
    </li>
</ul>
</li>
<li>item 3</li>

<ol>
<li>
    Top level point
    <ul style="list-style: disc;">
        <li>
            A subsidiary point
            <ul style="list-style: disc;">
                <li>Sub point</li>
            </ul>
        </li>
        <li>Next subsid. point</li>
    </ul>
</li>
<li>Next top level point</li>

这是怎么回事?应该正是您所描述的。http://jsfiddle.net/hqtj1cvL/7/

这是你要找的吗?

<ol>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <ul>
        <li>one</li>
    <li>two</li>
        <ul>
            <li>one</li>
    <li>two</li>
            <li>three</li>
        </ul>
    <li>three</li>
    </ul>
    <li>four</li>
</ol>

最新更新