TinyMce nested ordered list decimal numbering with different numbering styles
<p><strong>Background</strong></p>

<p>The Tinymce editor supports nested numbered lists. Naturally something like this is possible with the editor,</p>

<p><a href="https://i.stack.imgur.com/zlTRM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zlTRM.png" alt="enter image description here"></a></p>

<p>Now the requirement is to show numbers like this,</p>

<p><a href="https://i.stack.imgur.com/waN0B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/waN0B.png" alt="enter image description here"></a></p>

<p><strong>So far</strong></p>

<p>This is doable by modifying the stylesheet associated with the editor with following list styles (from <a href="https://stackoverflow.com/questions/31356612/html-css-nested-ordered-list">this</a> answer) </p>

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

<p><strong>Question</strong></p>

<p>Now the issue is if I select some other number format (for example lower Greek from the editor it looks like following)</p>

<p><a href="https://i.stack.imgur.com/LvpIE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LvpIE.png" alt="enter image description here"></a></p>

<p>how do I get the nested lists also to use the same format as the parent list?</p>