4

我一直在尝试创建一个嵌套列表，如下所示（使用 kramdown，用于 GitHub 页面），但 HTML 输出不是语义的；第二级列表使用段落代替列表元素，第三级列表项使用代码块。

1. Do something.

2. Do something else.

    a. If the reverse-Pi separation gauge is set to `OFF` you can follow
       the following procedure.

        i. Use the flux capacitor on Mondays, Tuesdays and Thursdays, but
           only if you have not done so already.

        ii. Do not use the flux capacitor if it's raining, because the
            universe will implode.

    b. If the reverse-Pi separation gauge is set to `ON` then you
       should follow Procedure 42.

3. Go back to doing things.

以上产生以下HTML ...

<ol>
  <li>
    <p>Do something.</p>
  </li>
  <li>
    <p>Do something else.</p>

    <p>a. If the reverse-Pi separation gauge is set to <code>OFF</code> you can follow
    the following procedure.</p>

    <pre><code> i. Use the flux capacitor on Mondays, Tuesdays and Thursdays, but
    only if you have not done so already.

 ii. Do not use the flux capacitor if it's raining, because the
     universe will implode.
</code></pre>

    <p>b. If the reverse-Pi separation gauge is set to <code>ON</code> then you
    should follow Procedure 42.</p>
  </li>
  <li>
    <p>Go back to doing things.</p>
  </li>
</ol>

我曾尝试更改缩进，甚至删除项目之间的空白行，但无法使其按预期运行。

用而不是实际数字替换所有列表“项目符号”1.确实可以生成结构正确的 HTML（感谢Scroog1的离线建议）；然后可以使用 CSS 使输出的 HTML 列表具有所需的list-style-type. 然而，这感觉与 Markdown 的“它应该像纯文本一样可读”的理念相反，所以我想知道是否有任何方法可以使它工作并在 Markdown 版本中看起来像预期的那样？

（我想可以说，在这种特殊情况下，HTML 是我的文档的唯一格式，人们会阅读，最好让机器进行编号，并且使用 CSS 而不是由生成的内联样式更简洁降价处理器来实现所需的列表格式，但我很好奇上述失败是否可能是我对 kramdown 的误用，或者可能是错误或设计决策。）

4

2 回答 2

4

使它们全部有序列表

1. Do something.

2. Do something else.

    1. If the reverse-Pi separation gauge is set to `OFF` you can follow
       the following procedure.

        1. Use the flux capacitor on Mondays, Tuesdays and Thursdays, but
           only if you have not done so already.

        2. Do not use the flux capacitor if it's raining, because the
            universe will implode.

    2 If the reverse-Pi separation gauge is set to `ON` then you
       should follow Procedure 42.

3. Go back to doing things.

然后应用样式

li li{
    list-style-type: lower-alpha;
}

li li li{
    list-style-type: lower-roman;
}

在 CSS 上查看MDN

于 2015-06-12T19:13:28.530 回答
0

Kramdown文档没有显示任何支持除数字 1、2、3 之外的有序列表的示例......

它使用第一个列表指示符的值来确定列表是有序的还是无序的，您可以应用与列表内联的样式类，如下所示：

1. {:.cls} This item has the class "cls".
2. {:.cls} This item also as the class "cls".

这仍然主要作为纯文本可读，并且将使您的 CSS 更易于管理（数字 2-x 上的样式类可能不是必需的，我从未尝试过）。

于 2015-06-12T16:06:59.370 回答