html - 番号付きリスト - サブメニューのループ番号

Question

私はリストを注文しました：

HTML:

<ol>
    <li>Item</li>
    <li>Item
        <ol>
            <li>Item</li>
            <li>Item</li>
        </ol>
    </li>
    <li>Item</li>
    <li>Item</li>
<ol>

出力：

1. Item
2. Item
    1. Item
    2. Item
3. Item
4. Item

質問:

サブレベルのカウントをどのように適用しますか?

注: シンプルなソリューション CSS/HTML を探しています

必要な出力:

1. Item
2. Item
    2.1. Item
    2.2. Item
3. Item
4. Item