在 kramdown 的定义列表中添加 CSS class

Question

如何将 CSS class 添加到 kramdown 生成的定义列表中？就像下面的 HTML 示例。
对于背景，我想这样做的原因是用 bootstrap 的 dl-horizontal class.

设置样式

<dl class="my-stylish-class">
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

我试过下面的方法，但无论我把 {: .my-stylish-class} 放在哪里，class 总是附加到定义术语或定义元素，而不是列表本身。

{: .my-stylish-class}
1. Term
: Definition

我已经看到了 post ，但那是问关于将 class 添加到定义元素 <dd>，而不是列表本身 <dl>.

Answer 1

发布后找到了对我有用的解决方案。将 class 放在列表末尾会将其附加到列表（或周围容器）本身。

1. Term
: Definition

2. Another Term
: Another definition
{: .my-stylish-class}

将导致：

<dl class="my-stylish-class">
    <dt>Term</dt>
    <dd>Definition</dd>
    <dt>Another Term</dt>
    <dd>Another definition</dd>
</dl>

或

<ol class="my-stylish-class">
    <li>
        <dl>
            <dt>Term</dt>
            <dd>Definition</dd>
        </dl>
    </li>
    <li>
        <dl>
            <dt>Another Term</dt>
            <dd>Another definition</dd>
        </dl>

    </li>
</ol>

第一个样本由 jekyll, whereas the second sample was generated by an online kramdown generation service 中的 kramdown 生成。不知道为什么两者生成的HTML有区别；也许它们是不同版本的 kramdown 或我喜欢的 jekyll 中的特定设置。

在 kramdown 的定义列表中添加 CSS class

Add CSS class to definition list in kramdown

kramdown