HTML-“文件”；“顶级和第二级”；列表

我的html文件中有以下列表：我需要知道如何制作标题：战争之路；政治家和将军；战争进程；在我的css文件中，上罗马字母中的第二个副标题和上阿尔法字母中每个副标题下的副标题

<nav class="vertical">
     <h4>Course Outline</h4>
     <ol>
        <li><a href="#">The Road to War</a>
           <ol>
              <li><a href="#">Planting the Seeds</a></li>
              <li><a href="#">The First Crisis</a></li>
              <li><a href="#">Compromise &amp; Failure</a></li>
              <li><a href="#">Fault Lines</a></li>
           </ol>
        </li>            
        <li><a href="#">Politicians &amp; Generals</a>
           <ol>
             <li><a href="#">Politicians</a></li>
             <li><a href="#">Generals</a></li>
           </ol>
        </li>
        <li><a href="#">The Course of War</a>
           <ol>
              <li><a href="#">1861-1862</a></li>
              <li><a href="#">1863</a></li>
              <li><a href="#">1864-1865</a></li>
           </ol>
        </li>
        <li><a href="#">Aftermath</a>
           <ol>
              <li><a href="#">Lincoln Assassination</a></li>
              <li><a href="#">Reconstruction</a></li>
              <li><a href="#">A New Constitution</a></li>
              <li><a href="#">The United States Is ...</a></li>
           </ol>
        </li>
     </ol>
  </nav>

课程大纲

将一个类添加到要使其成为alpha上限的ol中，例如

，然后在css中：

.alpha {
    list-style-type: upper-alpha;
}

---

给他们每个人上课，这样做 上罗马

ol{
list-style-type: upper-roman;
} 

上阿尔法

ol{
list-style-type: upper-alpha;
}

---

@PraveenKumar删除了它。