技术咨询：能否实现图示样式的三级有序列表（HTML格式）？

HTML原生就支持嵌套的三级有序列表，这是很基础的功能，完全能满足你想要的样式需求。

基础实现代码 #

直接通过嵌套<ol>标签就能创建三级有序列表：

<ol>
  <li>一级列表项
    <ol>
      <li>二级列表项
        <ol>
          <li>三级列表项1</li>
          <li>三级列表项2</li>
        </ol>
      </li>
      <li>二级列表项2</li>
    </ol>
  </li>
  <li>一级列表项2</li>
</ol>

自定义层级样式（可选） #

如果需要不同层级用不同的编号样式（比如一级数字、二级字母、三级罗马数字），可以用CSS来调整：

/* 一级列表：阿拉伯数字 */
ol {
  list-style-type: decimal;
}
/* 二级列表：大写英文字母 */
ol ol {
  list-style-type: upper-alpha;
}
/* 三级列表：小写罗马数字 */
ol ol ol {
  list-style-type: lower-roman;
}

只要根据你的具体样式需求调整CSS，就能完美复刻你想要的效果啦！

内容的提问来源于stack exchange，提问作者sookching