Question

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

修改：为了澄清，我有一个<dt> - <dd>对的无序列表。它们应该显示为一个列表项，<dt>前面有一个子弹。

我可以想到两种方法将子弹应用到此列表中：

在<ul>周围放置<dt>，然后围绕项目放置<li>s
使用<dt>'s CSS：在伪选择器之前为其提供子弹的内容

使用项目符号创建描述列表的更好方法是什么？

感谢您的回复。

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>标记内，并在该集合内设置其格式。

Answer 2

为什么不简单地使用无序列表？你有没有特别的原因？

但要回答你的问题，你可以使用：

<dt>
   <dd style='display:list-item;'> Content </dd>
   <dd style='display:list-item;'> Content </dd>
</dt>

我不确定跨浏览器兼容性。

我应该如何使用项目符号创建描述列表？

2 个答案: