HTML - “顶级和二级”列表

时间:2014-09-22 12:11:25

标签: html css list

我的html文件中有以下列表:我需要知道如何制作标题:战争之路;政治家和将军;战争历程;和上罗马的Afermath以及Upper-Alpha中每个下的子标题,在我的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>

2 个答案:

答案 0 :(得分:0)

将一个类添加到要将其设为上面的字符串,例如<ol class="alpha">,然后在css中:

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

答案 1 :(得分:0)

给他们每个人做类似的事 上罗马

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

表示上半部分

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