<ol class="parents">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
.parents {
counter-reset: hoge;
list-style: none;
> li {
counter-increment: hoge;
&::before {
content: counter(hoge, hiragana)':';
margin-right: .5em;
}
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.