我应该如何接近HTML编码大纲与罗马数字，数字，字母

Question

对于使用罗马数字、数字、字母等的典型内容大纲，正确的HTML格式是什么?假设我有三个主要的顶级部分罗马数字I, II和III。它们每个都有两个子主题a和b，每个都有2到4个子主题1)到4)。是否有任何已知的hack来完成正确的缩进，还是全部靠手工，一节一节地完成?

Answer 1

您正在寻找CSS有序列表子属性list-style-type (MDN)。

专门

list-style-type: decimal
list-style-type: upper-roman
list-style-type: upper-alpha

然后简单地修改选择器

ol {} //top level numbers
ol > li > ol {} //sub level roman
ol > li > ol > li > ol {} //sub sub level letters

Answer 2

通过一些示例代码，可以用最简单的方法完成您想要做的事情。

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

<ol>
  <li>
    list point
    <ol>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>
    list point
    <ol>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>
    list point
    <ol>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>
    list point
    <ol>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
      <li>
        list point
        <ol>
          <li>list point</li>
          <li>list point</li>
        </ol>
      </li>
    </ol>
  </li>
</ol>