TinyMce 嵌套有序列表十進制編號，具有不同的編號樣式

Question

背景

Tinymce 編輯器支持嵌套編號列表。 編輯器自然可以做到這樣的事情，

現在的要求是顯示這樣的數字，

到目前為止

這可以通過使用以下列表樣式修改與編輯器關聯的樣式表來實現（來自此答案）

ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }

問題

現在的問題是，如果我選擇其他一些數字格式（例如，編輯器中的下希臘語如下所示）

如何讓嵌套列表也使用與父列表相同的格式？

Answer 1

這是問題的解決方案，

 ol { counter-reset: item } ol li { display: block } ol li:before { content: counters(item, ".") ". "; counter-increment: item } ol[style*="list-style-type: lower-alpha;"] li:before { content: counters(item, ".", lower-alpha) ". "; counter-increment: item }

 <ol> <li>Level 1</li> <li>Level 1 <ol> <li>Level 2</li> <li>Level 2</li> <li>Level 2 <ol> <li>Level 3</li> <li>Level 3</li> <li>Level 3 <ol> <li>Level 4</li> <li>Level 4</li> <li>Level 4</li> </ol> </li> </ol> </li> </ol> </li> <li>Level 1</li> <li>Level 1</li> </ol>