如何使用CSS增加blockquotes的不同部分之间的间距？

Question

我想要显示一堆嵌套引号，但我发现（参见下面附带的示例）引号之间的间距太小。我如何增加这个？

HTML：

<blockquote>stuff
  <blockquote>neato</blockquote>
</blockquote>

CSS：

blockquote {
    border-left: 1.5px solid #ccc;
    color: #888;
    margin: 0 0 10px 0;
    padding: 0 0 0 12px;
}

以下是一个互动示例：http://codepen.io/anon/pen/bNKZVo?editors=110

在那个例子中，我发现＆＃34;整洁＆＃34;接下来的报价太紧了，我想要更多的空间。我尝试了line-height，但是它们之间的间距最终变得更好，（大约50行高），它使得第二个引用是荒谬的高度。

Answer 1

如果你想在嵌套bloquote中添加margin top，那么在CSS中你可以表示为：

blockquote blockquote {margin-top:10px}

这种方式在顶级bloquote上没有边距，但所有嵌套都可以得到它。

Answer 2

新的CSS块怎么样：

blockquote > blockquote {
    margin-top: 20px;
}

这只会影响嵌套引号，而不会影响顶级引号。