Question

我有一个动态网站，其中包含用于创建文章内容的html编辑器，但由于某些原因，html编辑器生成的p / div标签在首页上很复杂。我假设这是因为我整个网站的css声明。

这是一个简单的例子：

<div class="custom_html_block"> 
    <div align="top"> 
        <p> test test test test test test test test test</p> 
        <p> test test test test test test test test test</p> 
        <p> test test test test test test test test test</p> 
    </div>
</div>

我需要什么css才能使外观中的所有元素/看起来像在空白的html页面上一样？有人可以帮我解决这个问题吗？

谢谢！

Answer 1

听起来<p>标签的默认样式有一些样式会被现有样式继承。避免这种情况的方法是对这些标签非常具体，以便您可以单独控制它们

.custom_html_block { padding:15px 15px 0; }
.custom_html_block p { padding-bottom:15px; )

我会使用firebug来找出你需要指定的其他样式，以便创建更“默认”的外观

Answer 2

您可以尝试在线提供的十几种reset css样式中的任何一种。一旦您选择了一个，您就必须对其进行编辑，并在工作表中使用“.custom_html_block”为每个标记添加前缀，以便它仅适用于您的编辑器。

Answer 3

检查“问题”页面的源代码。如果存在元素级样式标记，请记住它们将覆盖您可能拥有的任何链接的css样式表。

外部CSS样式表＆LT;同一页面上的样式标记中的CSS ＆LT;内联CSS

是分配给CSS的重要性顺序

Answer 4

只需覆盖之前定义的属性，使用更具体的选择器并在之后声明（对于级联）。

如果您使用现代浏览器，您也可以使用！important来覆盖相同的属性

使用像firebug这样的工具来查看元素的继承属性，这样您就可以更轻松地更改它们

css - 如何重置p和div的样式属性？

4 个答案: