0

我有一些用于 Wordpress 博客的 CSS。我希望段落缩进，但代码块左对齐到边距。这是我拥有的代码——所有这些元素都带有<div class="postContent"标签，Wordpress 会自动将帖子文本块包装在<p>标签中。

首先，我将 div 标签中的所有段落都设置为缩进：

.postContent p { font-size: 1.2em; text-indent: 2.5em; text-align: justify; line-height: 1.6em; margin: 1em; }

然后，Wordpress 将第一段留作.lead段落。我希望它缩进，前提是它不是代码：

.postContent p.lead code { margin: 0; text-indent: 0; }

这工作得很好。但是，所有其他代码段仍在缩进，因此我将其添加到样式表中：

.postContent p code { text-indent: 0; padding: 0; padding-top: 2em; padding-bottom: 2em; }

没有骰子。代码块仍然按照.postContent p规则缩进。

4

2 回答 2

1

如果没有看到 html 的源代码和实际的 css 代码，真的很难说，但我猜你的样式正在被更具体的样式所覆盖。

最好的办法是在 Firefox 中安装 Firebug（真的，最好的浏览器开发工具，恕我直言）并检查目标元素。检查器应显示应用于元素的所有样式。被覆盖的样式将带有删除线。如果您发现它们被覆盖，请让您的样式更具体。否则，如果您没有看到列出的样式，则说明您没有正确定位它。

希望有帮助。祝你好运。

于 2012-11-03T00:29:29.303 回答
1

text-indent对code元素内部的元素进行设置p不会影响元素的缩进p。实际上，它不会影响任何事情，因为text-indent仅适用于块容器。

如果标记<p><code>...</code></p>使得 只p包含code，您可以添加

.postContent p code { display: block; }

然后再考虑垂直间距怎么处理，加起来可能有点过大（即 的p加边距code）。

于 2012-11-03T07:47:39.673 回答