Есть ли простой способ, как и в проекте, указать, что непарные круглые скобки ")" закрывает номера списков заказов, а не стандартную точку ". ?
Я прочитал решение здесь, но это решение, похоже, является глобальным решением для всей веб-страницы. Но я хочу построить сложный список, который использует как точки, так и непарные круглые скобки с различными типами упорядоченных имен списка (цифры, буквы верхнего и нижнего регистра, а также римские цифры), чтобы отличить внешний элемент списка с элементом внутреннего списка, используя такое же обозначение списка.
Теперь мой 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>
Я расширил этот пример, чтобы проиллюстрировать отступ (который немного отстал, но достаточно близко для того, что я надеюсь). Я попытался вставить вышеописанное в качестве отображаемой веб-страницы, но по какой-то причине все отступы, а также идентификаторы списка теряются.
Вы можете сохранить это как "глобальное", добавив класс .paren
в css, как в этом jsfiddle (разветвленный из того, который вы показываете выше).
Вы также захотите открыть тег ol
с помощью <ol class="paren">