HTML
<ol>
<li>item1
<ol>
<li>item2</li>
</ol>
</li>
<li>item1
<ol>
<li>item2</li>
<li>item3</li>
</ol>
</li>
</ol>
SCSS
ol {
counter-reset: item;
li {
display: block
}
li:before {
content: counters(item, ".") ". ";
counter-increment: item
}
}
For this list structure:
- item1
1.1. item2
- item1
2.1. item2
2.2. item3
Is there a way to increase the ordering by one level at the beginning of the list? The second <ol>
would start with 2
: 2.1. item1
1.1. item1
1.1.1. item2
1.2. item1
1.2.1. item2
1.2.2. item3
-------second ol in the same parent---------
2.1. item1
2.1.1. item2
2.2. item1
2.2.1. item2
2.2.2. item3
View the code on CodePen: http://codepen.io/simPod/pen/wawOLd