<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.