在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进行基本样式...