Categorías
CSS

¿Cómo ordenar los OL con decimales?

La forma mas rapida y comoda de hacerlo es con contadores de css

  1. li element
  2. sub li element
    1. sub li element
    2. sub li element
      1. sub li element
    1. sub li element
    2. sub li element
    3. sub li element
  3. li element
  4. li element
    1. sub li element
    2. sub li element
    3. sub li element
ol { counter-reset: item }
li{ display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
<ol>
<li>li element</li>
<li>sub li element
<ol>
<li>sub li element</li>
<li>sub li element
<ol>
<li>sub li element</li>
</ol>
</li>
</ol>
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
<li>li element</li>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
</ol>