如何去掉HTML引用块（<blockquote>）底部的间距？

Question

我的引用有很多底部间距，我无法去掉它。参见这张图片：http://imgur.com/PGCeY

我的CSS设置如下：

* {
   padding:0;
   margin:0;
}
blockquote {
width: 640px;
margin-bottom: 1em;
padding: 0px 0px 0px 0px;
}

我用红色矩形圈出了我想要摆脱的内容。图片链接在这里：http://imgur.com/PGCeY

同时，我正在使用Pagelines WordPress主题。

- John Smith

---

欢迎来到SO！您能否在这里和例如jsfiddle上发布一个HTML和CSS代码的摘录，以重现您遇到的问题？您的“blockquote”中有哪些元素？例如，“<p>段落</p>”具有默认边距。 - FelipeAls

Answer 1

尝试在CSS的末尾添加以下内容：

blockquote p {
    padding:0;
    margin:0;
}

如果那样不起作用，右键单击并查看您的页面源代码以查看原始HTML。然后您就会知道哪些元素被添加到blockquote。

- Matthew Strawbridge

---

@JohnSmith 很好，很高兴听到这个消息！如果你对学习CSS感兴趣，w3schools是一个不错的资源。 - Matthew Strawbridge

如果它能正常工作，那么问题就在于你的代码中某个未在问题中披露的部分。 - Jukka K. Korpela

除非你想变得更加困惑，否则请远离w3schools。(一些原因：www.w3fools.com) - Jukka K. Korpela

问题的编辑和对另一个答案的评论表明，问题出在WordPress的使用上，其中设置了某些填充或边距，以一种无法使用通用选择器*覆盖的方式（但具有更特定选择器的规则有所帮助）。 - Jukka K. Korpela

感谢Jukka K. Korpela和Matthew Strawbridge。我很喜欢在w3schools上进行交互式尝试的事实。虽然，我现在知道要对它们持保留态度。 - John Smith

Answer 2

你的引用块里有一个段落（应该是）？这很可能是来自内部元素的边距。

而且最好能看到实际的代码示例。根据我所知，在这里展示给我们的代码不是问题的一部分。

- René

---

抱歉，我对这个还是初学者。这段代码在哪里可以找到？它在 Wordpress 主题中。我在 HTML 框中使用了以下代码：<blockquote> asdf... </blockquote> （你在其中编写内容并按“更新”）。 - John Smith