Css 为什么可以'；我不能在Wordpress中正确设置块引号的样式吗？

在我刚刚为我的网站创建的设计中，我有一个blockquote，使用css中的span技术使用两个quote图像进行样式化：

blockquote {
background-image: url(images/openquote.jpg);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
padding-right: 30px;
font-style: italic;
}

blockquote span {
background-image: url(images/closequote.jpg);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
font-style: italic;
}

然后我将HTML格式化如下：

<blockquote><span>
"The worst part of writing fiction is the fear of wasting your life behind a keyboard. The idea that, dying, you'll realize that you only ever lived on paper. Your only adventures were make-believe, and while the world fought and kissed, you sat in some dark room, masturbating and making money."<br /><br /><b><div align="right">- Chuck Palahniuk</div></b>
</span></blockquote>

.entry-content blockquote > p { }

“写小说最糟糕的部分是害怕在键盘后浪费生命。这种想法是，当你死去时，你会意识到你只生活在纸上。你唯一的冒险是假装的，当世界争斗和亲吻时，你坐在一个黑暗的房间里，手淫和赚钱。”

在我创建的测试HTML页面上，引用工作正常，并准确地显示了我想要的内容。然而，现在我正在将所有的代码转移到Wordpress，blockquote的显示方式就不一样了

HTML:lifebarbage.com/rebanation.HTML（对不起，我还不能发布多个链接）

Wordpress:

---

如何更改CSS，使其在Wordpress上的显示方式与在常规HTML上的显示方式类似？

我认为答案是Wordpress将blockquote标记的默认边距定义为0。您应该在css中添加一个明确的边距值

---

此外，wordpress正在

后面插入一个标记。也许可以尝试使用

并将样式设置为.blockquote{margin:x；padding:x；}

---

左边距似乎不是blockquote样式的一部分，因此可能正在重置某些内容。

使用Wordpress，您可以在内容中添加一个过滤器，以实现您希望获得一个好的blockquote的目的

我有一篇关于这个的博客文章可以回答这个问题

---

问题是WP将内容包装在自动生成的

标记中，因此您应该修改CSS以将其考虑在内。
您可以使用如下方式明确地将blockquotes作为目标：

<blockquote><span>
"The worst part of writing fiction is the fear of wasting your life behind a keyboard. The idea that, dying, you'll realize that you only ever lived on paper. Your only adventures were make-believe, and while the world fought and kissed, you sat in some dark room, masturbating and making money."<br /><br /><b><div align="right">- Chuck Palahniuk</div></b>
</span></blockquote>

.entry-content blockquote > p { }

这应该适用于常规Wordpress安装。
您可以使用Web开发者工具栏或Firebug来找出哪个Wordpress CSS正在覆盖您的自定义CSS。@Pekka Gaiser:我特别支持-Firebug。它会改变你的生活。它显示应用于标记的样式，从最不特定到最不特定，并显示哪些样式覆盖其他样式。如果您发现一个元素似乎有样式，但它不在那里，请查看父元素。Firebug是FireFox成为goto HTML/CSS调试浏览器的原因。我不确定在哪里添加这个明确的边距值？在您提供的图像中，我看到一个“reset.css”，它正在重置blockquote边距。是否可以访问reset.css并更改其中的值？我不能通过Wordpress面板来做。为什么要“重置”呢？