html - 仅在一个 div 上阻止来自单个样式表的样式

Question

我在页面上有一个 div。问题是它从样式表(Stylesheet A)继承了全局样式，例如全局 ul 和表格样式，但是，我希望这个单个 div 不要这样做。我要求有问题的 div 仅从另一个样式表(样式表 B)获取其样式。目前他们正在发生冲突。

有什么方法可以不必以任何方式触及样式表 A 吗？这是因为样式表 A 控制着我网站的所有主要样式，而且该网站足够大，更改很可能会破坏某些内容。有问题的 div 包含与网站无关的数据，因此不需要样式表 A。

如果有帮助，我正在使用 javascript Prototype？请不要使用 Jquery :)

使用 iframe 怎么样？这是一个有效的解决方案吗？它是如何工作的？

非常感谢所有帮助。

Answer 1

也许最简单的方法是简单地找出 div 从样式表 A 继承的每个样式属性，然后用样式表 B 手动覆盖这些样式。

如果您想将 div 放入 iframe 中，那应该也可以。您需要该 div 拥有自己的 HTML 文件，托管在与主页相同的域中(否则您会遇到安全问题)。链接到 div 页面中的 stylesheetB，它将起作用。但是，在设置 iframe 的样式时会遇到一些问题。由于您无法从父文档中读取子文档中的 CSS 属性，因此您必须将 iframe 设置为固定的宽度和高度，这在许多情况下都受到限制。我想您可以让 iframe 滚动，但这也可能不是您想要的。

我认为最好的方法是使用 Chrome Inspect Element 或 Firefox 中的 Firebug 查看 div 接收的 CSS 继承，然后