将 CSS 类添加到 kramdown 中的定义列表

Question

如何将 CSS 类添加到 kramdown 生成的定义列表中？就像下面的 HTML 示例一样。
对于背景，我想这样做的原因是使用 bootstrap 的 dl-horizo​​ntal 类对其进行样式设置。

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

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

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

我看过Definition lists in kramdown 的帖子，但那是在询问是否向定义元素<dd> 添加类，而不是列表本身<dl>。

Answer 1

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

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 中的 kramdown 生成的，而第二个样本是由 online kramdown generation service 生成的。不知道为什么两者生成的HTML有区别；也许它们是 kramdown 的不同版本或我喜欢的 jekyll 中的特定设置。