Html 如何摆脱父网页样式

我正在开发一个谷歌浏览器扩展

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

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

例如，当我在stackoverflow网页上启动我的插件时，所有文本都会居中对齐，等等

---

摆脱div中的父样式的最佳方法是什么？

我已经使用IFRAME完成了这项工作，它基本上在一个框中创建了一个全新的html文档，没有来自“父”页面的样式。另一个选项是重新定义div中的所有样式，但这非常繁琐和难看。

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

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

---

这将重置您的div和下面的所有元素。之后，您可以开始设置子元素的样式。

它是否也会重置父页面上的所有样式？否，因为上面的样式只重置特定的div YourDiv以及该div的后代元素。除非该页面上有一个div具有类YourDiv，你应该都设置好了。问题是我不知道用户将在div中设置什么html内容[在这种情况下，定义重置css看起来是不可能的：（]重置不会重置用户的内容，它会重置浏览器的默认样式表。阅读此处了解更多信息：谢谢，我将尝试一下：）