2016-07-01 18 views

回答

0

您在尋找CSS有序列表子屬性list-style-typeMDN)。

具體

list-style-type: decimal 
list-style-type: upper-roman 
list-style-type: upper-alpha 

然後只需沙恩的選擇

ol {} //top level numbers 
ol > li > ol {} //sub level roman 
ol > li > ol > li > ol {} //sub sub level letters 
0

這裏是最簡單的方式來完成你想要做什麼,一些示例代碼。

ol { 
 
    list-style-type: upper-roman; 
 
} 
 
ol ol { 
 
    list-style-type: upper-alpha; 
 
} 
 
ol ol ol { 
 
    list-style-type: decimal; 
 
}
<ol> 
 
    <li> 
 
    list point 
 
    <ol> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
    <li> 
 
    list point 
 
    <ol> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
    <li> 
 
    list point 
 
    <ol> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
    <li> 
 
    list point 
 
    <ol> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
     <li> 
 
     list point 
 
     <ol> 
 
      <li>list point</li> 
 
      <li>list point</li> 
 
     </ol> 
 
     </li> 
 
    </ol> 
 
    </li> 
 
</ol>