css - 如何设置 列表中元素之间的边距样式？

Question

所以我将这个 Twitter 小部件集成到 xhtml 中。

( http://help.twitter.com/forums/10711/entries/15354 )

代码是:

<dl id="twitter_update_list"></dl>

...然后是几行 javascript。

我的问题是我不知道如何在列表项之间留出任何空间。我只需要在每个元素之间添加几个 br 标签。

我假设我可以在不与已经建立的 twitter 类冲突的情况下以某种方式为 dl 设置 css 样式？

有什么想法吗？只需要一个解决方案。谢谢!

Answer 1

你试过吗:

dl#twitter_update_list li {
  // margin, padding, line-height
}

这会将任何规则应用于 #twitter_update_list 中找到的所有列表项。我在 http://www.dustindiaz.com/search/?q=from:evan 上查看了这个小部件的示例并且只发现每条推文都包含在具有类 twtr-tweet 的 div 中。我不确定这是否是标准，或者这是否只是该特定用户实现此工具的方式。如果是前者，您将不会为 li 元素设置样式，您会设置样式:

.twtr-tweet {
  // margin, padding, line-height
}