列表的层级由嵌套关系决定

ol 的每个直接子 li 是一个有顺序的项目。一个 li 内还可以嵌套子列表，表示这个项目下面的细目。

先判断

先不运行：黄梅戏分享会的一级准备步骤有几项？“曲目简介”处于哪一层？

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>分享会准备步骤</title>
</head>
<body>
  <h1>黄梅戏分享会</h1>
  <ol id="steps">
    <li>确定演出曲目</li>
    <li>准备节目单
      <ul>
        <li>曲目简介</li>
        <li>演唱者介绍</li>
      </ul>
    </li>
  </ol>
</body>
</html>

再改一个条件

展开答案与分析

B。外层 ol 只有两个直接子 li，所以一级步骤是两项。嵌套的 ul 位于第二个 li 内，其两个 li 是下一级细目。不能只统计整段代码中出现多少个 li，就判断一级步骤数。

观察位置：看外层编号和缩进，再比较修改前后的细目标记。