css - CSS を使用した順序付きリスト番号のサブ項目のスタイル設定

Question

順序付きリストには別のデザインを使用します。だから私はここSOで素晴らしい解決策を見つけました。

body { counter-reset: item; }

ol.numbered_style li:before
{
    counter-increment:item;
    margin-bottom:5px;
    margin-right:10px;
    content:counter(item);
    background:gold;
    border-radius:100%;
    color:white;
    width:1.2em;
    text-align:center;
    display:inline-block;
}

ol.none, ul.none,ol.numbered_style { list-style: none; }

<ol class="numbered_style">
    <li>First</li>
    <li>Second</li>
    <li>Third
        <ol class="none">
            <li>Subitem</li>	
        </ol>
    </li>
    <li>Fourth
        <ul class="none">
            <li>Other Subitem</li>	
        </ul>
    </li>
</ol>

リスト内のサブアイテムにこのスタイルを使用しないようにするにはどうすればよいですか? 私のクラスの条件が機能していないのはなぜnoneですか? また、同じクラスの 2 番目の順序付きリストが必要な場合は、どうすればよいですか。1 で始まる必要があります。<ol class="numbered_style" start="1">助けにはなりませんでした。2 や 1.1 のような番号を指定して番号付きリストを開始することはできますか? 通常olは を使用できますstart="number"が、 のために無効になっていると思いますol.numbered_style { list-style: none; }。