HTML 중첩 카운터 및 범위로 인해 순서가 지정된 목록 1.1, 1.2가 제대로 작동하지 않습니다.

Question

<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>둘.셋</li> </ol>

세

<올>

세.원

3.2

<올>

3.2.1

3.2.2

</ol> </ol> <li>4</li> <p><br /></p> <p>내가 좋아하는 영화는 다음과 같습니다</p> <pre class="brush:php;toolbar:false;">1. 하나 2. 둘 2.1. 둘.하나 2.2. 둘.둘 2.3. 둘.셋 3. 세 3.1 3.1 3.2 3.2 3.2.1 3.2.1 3.2.2 3.2.2 4. 4</pre> <p>但实际上，我看到的是<strong>(错误的编号)</strong>：</p> <pre class="lang-html Prettyprint-override"><code>1. 하나 2. 둘 2.1. 둘.하나 2.2. 둘.둘 2.3. 둘.셋 2.4 3개 <!-- 这是 Out错的地方，当返回到父级时 --> 2.1 3.1 2.2 3.2 2.2.1 3.2.1 2.2.2 3.2.2 2.3 4개 <p>내가 모르는 길은 없나요?</p> <p>这是一个JSFiddle链接：http://jsfiddle.net/qGCUk/2/</p>

Answer 1

중첩된 목록만 변경하려면 이 스타일을 사용하세요.

으아악

Answer 2

"CSS 표준화" 선택을 취소하세요 - http://jsfiddle.net/qGCUk/3/ 여기에 사용된 CSS 재설정은 모든 목록의 여백과 패딩을 0

으로 설정합니다.

UPDATE http://jsfiddle.net/qGCUk/4/ - 메인 <li>에 하위 목록

을 포함해야 합니다.

으아악 으아악