Question

我的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>

Answer 1

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

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

Answer 2

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

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

表示上半部分

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

HTML - “顶级和二级”列表

2 个答案: