Question

是否有一种简单的方法，如设计中那样，指定不成对的括号“）”关闭订单列表编号而不是标准点“。” ？

我阅读了解决方案here，但此解决方案似乎是整个网页的全局解决方案。但我想建立一个复杂的列表，利用不同类型的有序列表名称（数字，大写和小写字母以及罗马数字）来使用点和不成对的括号，以使用内部列表项区分外部列表项相同的名单。

现在我的html功夫不是李小龙，所以我希望有一个简单的解决方案。

例如：

<ol type="I" align="justify">
    <li>Historical introduction</li>
    <li>Dentition in various groups of vertebrates
    <ol type="A" align="justify">
        <li>Reptilia
        <ol>
            <li>Histology and development of reptilian teeth</li>
            <li>Survey of forms</li>
        </ol>
        <li>Mammalia
        <ol>
            <li>Histology and development of mammalian teeth</li>
            <li>Survey of form
                <ol type="a" align="justify">
                    <li>Primates
                    <ol>
                        <li>Lemuroidea</li>
                        <li>Anthropoidea
                        <ol type="a" align="justify">
                            <li>Platyrrhini</li>
                            <li>Catarrhini
                            <ol type="i" align="justify">
                                <li>Cercopithecidae</li>
                                <li>Pongidae</li>
                            </ol>
                            </li>
                        </ol>
                        </li>
                    </ol>
                    <li>Carnivora
                    <ol>
                        <li>Creodonta</li>
                        <li>Fissipedia
                        <ol type="a" align="justify">
                            <li>Ailuroidea</li>
                            <li>Arctoidea</li>
                        </ol>Pinnipedia</li>
                    </ol>
                    <li>Etc. . . .</li>
                </ol>
                </li>
            </ol>
            </li>
        </ol>
        </li>
    </ol>

我扩展了这个例子来说明缩进（稍微偏离，但是我希望能有足够的影响）。我尝试将上述内容粘贴为呈现的网页，但由于某些原因，所有缩进以及列表标识符都将丢失。

Answer 1

你可以通过在jsfiddle中添加一个.paren类来保持这种“全局”（从上面显示的那个分叉）。

您还需要使用ol

打开<ol class="paren">标记

在有序列表中指定不成对的括号而不是点（句点）

1 个答案: