HTML排序列表格式化

是否可以按以下格式排列我的排序列表？HTML排序列表格式化

heading 
1.1. text... 
1.2. text 
1.2.1 text 

Another heading 
1.3. text 
1.3.1. text 
1.3.2. text 
1.4. text

這可能嗎？謝謝

來源

2015-10-08 user3054465

這可能會有幫助。 http://stackoverflow.com/questions/4615500/how-to-start-a-new-list-continuing-the-numbering-from-the-previous-list – dommer

這已經在這裏回答：http：// stackoverflow。 com/questions/4098195/can-ordered-list-produce-result-that-looks-like-1-1-1-2-1-3-instead-of-just-1 –

ol { counter-reset: item } 
 
li { display: block } 
 
li:before { content: counters(item, ".") " "; counter-increment: item }

<ol> 
 
    <li> Cat</li> 
 
    <li>Bat</li> 
 
    <li>Mat 
 
     <ol> 
 
      <li>Red Mat</li> 
 
      <li>Green Mat</li> 
 
     </ol> 
 
    </li> 
 
    <li>Pat</li> 
 
    
 
</ol>

來源

2015-10-08 17:29:52 user1012181

@ user3054465：讓我知道如果這個幫助你。 – user1012181

這不能解決列表項之間的標題。 –

.contract ol { 
 
    counter-reset: item 
 
} 
 
.contract li.paragraph { 
 
    counter-increment: item; 
 
} 
 
.contract li li.paragraph:before { 
 
    content: counters(item, ".")" "; 
 
} 
 
.contract li { 
 
    list-style-type: none; 
 
} 
 
.contract ol { 
 
    padding-left: 0; 
 
}

<section class="contract"> 
 
    <ol> 
 
     <li class="paragraph"> 
 
      <ol> 
 
       <li> 
 
        <h2>Heading</h2> 
 

 
       </li> 
 
       <li class="paragraph">text</li> 
 
       <li class="paragraph">text 
 
        <ol> 
 
         <li class="paragraph">text</li> 
 
        </ol> 
 
       </li> 
 
       <li> 
 
        <h2>Another heading</h2> 
 

 
       </li> 
 
       <li class="paragraph">text 
 
        <ol> 
 
         <li class="paragraph">text</li> 
 
         <li class="paragraph">text</li> 
 
        </ol> 
 
       </li> 
 
       <li class="paragraph">text</li> 
 
      </ol> 
 
     </li> 
 
    </ol> 
 
</section>

來源

2015-10-08 20:17:51

HTML排序列表格式化

回答

相關問題