在css中对嵌套订单列表进行分层编号？

Question

如果你有一个HTML标准的有序列表,如:

<ol>
    <li>First</li>
    <li>Second</li>
    <ol>
       <li>Third</li>
       <li>Fourth</li>
       <ol>
           <li>Fifth</li>
           <li>Sixth</li>
       </ol>
   </ol>
   <li>Seventh</li>
</ol>

是否可以在不向CSS或JQuery中的样式列表添加任何HTML标记的情况下自动显示如下:

A. First
B. Second
     I. Third
     II. Fourth
         1. Fifth
         2. Sixth
C. Seventh

Answer 1

试试这个:

ol {list-style-type: upper-alpha}
ol ol {list-style-type: upper-latin}
ol ol ol {list-style-type: decimal}

然后,永远不要再建议使用jQuery进行基本样式了...