CSS: generated content 12

by 규연 황

HTML

<ol>
    <li>item</li>
    <li>item
        <ol>
            <li>item</li>
            <li>item
              <ol>
                    <li>item</li>
                    <li>item</li>
                </ol>
            </li>
            <li>item
                <ol>
                    <li>item</li>
                    <li>item</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>

CSS

body, ul, li {
  font-size: 16px;
  color: #000;
}
ol {
    counter-reset: item;
    list-style: none;
}
li {
    display: block;
}
li:before {
    counter-increment: item;
    content: counters(item, ".") " ";
}