Como fazer a numeração de lista aninhada incluir os números dos elementos pais (todos os níveis), utilizando somente CSS?
Por padrão as listas só exibem a numeração de um nível:
<ol>
<li>item
<ol>
<li>item
<ol>
<li>item</li>
<li>item</li>
</ol>
</li>
<li>item</li>
</ol>
</li>
<li>item
<ol>
<li>item</li>
<li>item</li>
</ol>
</li>
</ol>
O resultado esperado é assim:
1. item
1.1. item
1.1.1. item
1.1.2. item
1.2. item
2. item
2.1. item
2.2. item