我有一些用于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;
}
没有骰子。根据{{1}}规则，代码块仍在缩进。
答案 0 :(得分：1)
如果没有看到html的来源和实际的css代码，真的很难说，但是我猜你的风格被更具体的风格所覆盖。
你要做的最好的事情是在Firefox中安装Firebug（实际上，这是浏览器的最佳开发工具，恕我直言）并检查目标元素。检查器应显示应用于元素的所有样式。被覆盖的样式将有一个删除它。如果您发现它们被覆盖，请使您的样式更具体。否则，如果您没有看到列出的样式，那么您就没有正确定位它。
希望有所帮助。祝你好运。
答案 1 :(得分：1)
在text-indent元素内的code元素上设置p不会影响p元素的缩进。它确实没有任何影响，因为text-indent仅适用于块容器。
如果标记为<p><code>...</code></p>，以便p只包含code，则可以添加
.postContent p code { display: block; }
然后考虑如何处理垂直间距，这在添加后可能有点过量（即p的边距加上code的填充。）