CSS для создания иерархического упорядоченного списка, который приводит к 1, 1.1, a, i ⇐ CSS

[Anonymous]

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

• < li>Уровень 1

1.1 Уровень 2
1.1.1 Уровень 3
1.1.1.1 Уровень 4
Пример
Но я хочу преобразовать «Уровень 3» в нижний альфа и «Уровень 4» на нижне-римский (в идеале, если возможно, нижние буквенные и нижне-римские буквы должны быть заключены в круглые скобки - (a), (i) и т. д.)< /p>
Возможно ли это?

Код: Выделить всё

ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
}

li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}

li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}

li li {
margin: 0;
}

li li:before {
content: counters(item, ".") " ";
padding-top: 0.6em;
}

body {
font-family: Sans-Serif;
}

Код: Выделить всё

[list]
[*]Intellectual property

Except to the extent permitted under this Agreement, as either may be amended from time to time by mutual agreement of the Parties:


each Party shall not (and shall not permit or procure a third party, either directly or indirectly to):


use any Intellectual Property of the other Party (or any of its Affiliates) without the prior written approval of the other Party (or any of its Affiliates);

[*]
disassemble, decompile or reverse engineer the whole or any part of the other Party's Intellectual Property;

[*]
obtain or attempt to obtain the algorithms for the other Party's Intellectual Property;

[*]
at any time do or cause to be done, any act or things contesting or in any way impairing the other Party's Intellectual Property;

[*]
use, apply for registration of, or otherwise promote any trade mark, name, logo or other word or mark that is the same as, or deceptively similar to, or substantially identical with, a trade mark, name, logo, word or mark of the other Party; and

[*]
advertise or otherwise promote the other Party in conjunction with the first Party's name in such a way that would imply or tend to imply that the first Party has a proprietary interest in the other Party's Intellectual Property.

[/list]

[*]each Party shall:
[list]

ensure that all trademarks, copyrights and restricted rights notices that relate to the other Parties' Intellectual Property are reproduced in all activities;

[*]
immediately notify the other Parties in writing of any actual, suspended, threatened or anticipated infringement of the other Party's Intellectual Property that comes to the first Party's attention; and

[*]
in its absolute discretion, choose to prosecute any infringement of its Intellectual Property.

[/list]



[*] None of the Parties will assign or purport to assign any of the other Party's Intellectual Property.

[*]Each Party warrants that its Intellectual Property does not infringe the intellectual property rights of a third party.

Я предполагаю, что один из способов — создать и в HTML и создать правила CSS, ориентированные на это (хотя я тоже не могу этого понять)?

Подробнее здесь: https://stackoverflow.com/questions/785 ... -1-1-1-a-i