указание непарных скобок в упорядоченных списках, а не точка (точка)

0

Есть ли простой способ, как и в проекте, указать, что непарные круглые скобки ")" закрывает номера списков заказов, а не стандартную точку ". ?

Я прочитал решение здесь, но это решение, похоже, является глобальным решением для всей веб-страницы. Но я хочу построить сложный список, который использует как точки, так и непарные круглые скобки с различными типами упорядоченных имен списка (цифры, буквы верхнего и нижнего регистра, а также римские цифры), чтобы отличить внешний элемент списка с элементом внутреннего списка, используя такое же обозначение списка.

Теперь мой html kung-fu не очень Брюс Ли, поэтому я надеюсь, что может быть простое решение.

Например:

<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>

Я расширил этот пример, чтобы проиллюстрировать отступ (который немного отстал, но достаточно близко для того, что я надеюсь). Я попытался вставить вышеописанное в качестве отображаемой веб-страницы, но по какой-то причине все отступы, а также идентификаторы списка теряются.

  • 0
    Можете ли вы показать пример того, что вы хотите?
Теги:

1 ответ

0

Вы можете сохранить это как "глобальное", добавив класс .paren в css, как в этом jsfiddle (разветвленный из того, который вы показываете выше).

Вы также захотите открыть тег ol с помощью <ol class="paren">

Ещё вопросы

Сообщество Overcoder
Наверх
Меню