css - 我应该如何创建带元素符号的描述列表？

Question

我有一个 <dl>描述列表是无序的，因此应该在每个 <dt> 之前显示元素符号.

编辑:为了澄清，我有一个 <dt> 的无序列表- <dd>对。它们应该显示为一个列表项，带有 <dt>在它之前有一颗子弹。

我可以想到两种方法将元素符号应用于此列表:

1. 将 <ul> <dt>周围然后 <li>s元素周围
2. 使用<dt>'s CSS :before 伪选择器并给它一个元素符号的内容

创建带元素符号的描述列表的更好方法是什么？

感谢您的任何回复。

Answer 1

根据我对类似问题的反复研究，看来 <dl>标签不支持列表元素符号。真可惜，因为它是一个 html 列表。 (而且，似乎没有人记录这一点。)

幸运的是，您可以毫不费力地用其他代码块中断列表。而且，还有 <br />标签。所以....

CSS:

ul.listPlayed {
     list-style-type: square;
}

HTML:

<ul class="listPlayed">
    <li>1st Game<br />
    Description of first game.<br />
    <a href="#">Wikipedia</a><br />
    <a href="#">Official page</a></li>
</ul>

因此，将所有文本放在 <li> 中标签，并在该集合内对其进行格式化。