HTML のネストされたカウンターとスコープにより、順序付きリスト 1.1、1.2 が正しく動作しなくなる
P粉704066087
P粉704066087 2023-08-21 22:36:53
0
2
453
<p>私たちは嵌合计数器と作用フィールドを使用して有順序列表を作成します:</p> <pre class="snippet-code-css lang-css prettyprint-override"><code>ol { カウンタリセット: アイテム; パディング左: 10px; } リ { 表示ブロック } リ:前 { 内容:counters(item, ".") " "; カウンタインクリメント: 項目 }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><ol> <li>1</li> <li>2</li> <ol> <li>two.one</li> <li>two.two</li> <li>2.3</li> </ol>
  • <ol> <li>三.一</li> <li>3.2</li> <ol> <li>三・二・一</li> <li>三・二・二</li> </ol> </ol> <li>4</li> </ol></code></pre> <p><br /></p> <p>私が望む結果は以下の通り:</p> <pre class="brush:php;toolbar:false;">1. 1つ 2. 2 2.1. 2.1 2.2.二、二 2.3. 2.3 3. 3つ 3.1 スリー.ワン 3.2 3.2 3.2.1 スリー・ツー・ワン 3.2.2 スリー・ツー・ツー 4. 4</pre> <p>しかし、私が見たのは<strong>(错误の番号)</strong>:</p> <pre class="lang-html prettyprint-override"><コード>1. 1つ 2. 2 2.1. 2.1 2.2.二、二 2.3. 2.3 2.4 三 2.1 3.1 2.2 3.2 2.2.1 スリー・ツー・ワン 2.2.2 スリー・ツー・ツー 2.3 4 </code></pre> <p>我不知道,有人看出哪里出错了吗?</p> <p>これは JSFiddle 接続です:http://jsfiddle.net/qGCUk/2/</p>
    P粉704066087
    P粉704066087

    全員に返信(2)
    P粉764836448

    このスタイルは、ネストされたリストのみを変更する場合に使用します:

    リーリー
    いいねを押す +0
    P粉141911244

    「CSS の標準化」のチェックを外します - http://jsfiddle.net/qGCUk/3/ ここで使用される CSS リセットは、すべてのリストのマージンとパディングを 0

    に設定します。

    UPDATE http://jsfiddle.net/qGCUk/4/ - メインの <li>

    にサブリストを含める必要があります

    リーリー リーリー
    いいねを押す +0
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート