HTML のネストされたカウンターとスコープにより、順序付きリスト 1.1、1.2 が正しく動作しなくなる
P粉704066087
2023-08-21 22:36:53
<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>
このスタイルは、ネストされたリストのみを変更する場合に使用します:
リーリー「CSS の標準化」のチェックを外します - http://jsfiddle.net/qGCUk/3/ ここで使用される CSS リセットは、すべてのリストのマージンとパディングを 0
に設定します。UPDATE http://jsfiddle.net/qGCUk/4/ - メインの
にサブリストを含める必要があります<li>