3

我正在开发一个页面，该页面将分发到我无法控制的数十个网站，并且它将使用 $.load() 显示在 jQuery UI 对话框窗口中。

因此，它受页面上定义的任何 CSS 规则的约束。我一直小心地在我所有内容的 id 的类名前面加上我的公司名称，以避免冲突。但是网站所有者的 CSS 干扰我的页面是很常见的，例如

p { margin: 1000000px; }

会让我的生活变得悲惨。我显然可以做类似的事情

#myUniqueContainer p { margin: 5px; }

但这并不能涵盖所有可能出现的烦恼。

有没有一种好方法可以只为我的内容重置 CSS，而不影响他们的页面？我正在考虑类似http://meyerweb.com/eric/tools/css/reset/并在所有内容前加上 #myUniqueContainer

4

1 回答 1

2

好吧，看起来对元素进行分组并将属性应用于这些组可能是一个好主意。我认为如果容器中的元素具有相同的边距和填充，那将很容易。如何首先设置所有边距、填充等：

div #myUniqueContainer * {margin:0; padding:0}

从那里，您将为您的#myUniqueContainerID 下的所有元素设置属性。你

于 2012-11-08T16:04:33.013 回答