如何摆脱父网页样式

Question

我正在开发Google Chrome扩展程序。

扩展程序在任何网页内显示一个对话框（jquery ui，作为div），在对话框中，用户可以添加一些内容[没有正文的HTML内容，没有样式信息]。

我面临的问题是，网页中指定的样式将应用于jquery对话框并且内容用户正在添加。

对于前。当我在stackoverflow网页上启动我的插件时，所有文本都会成为中心对齐等等。

在div中删除父样式的最佳方法是什么？

Answer 1

你应该查看几乎每个CSS框架附带的重置样式表。您可以使用该重置样式表并将所有重置样式应用于特定的DIV：

div.YourDiv, div.YourDiv * {
   margin:0;
   padding:0;
   border:0;
   ...
}

应该重置YourDiv和下面的所有元素。之后，您可以根据需要开始设置子元素的样式。

Answer 2

我使用IFRAME完成了它，它基本上在一个框内创建一个全新的html文档，没有“父”页面中的样式。另一个选择是重新定义div中的所有样式，但这非常繁琐和丑陋。