繁体   English   中英

如何对进入多个网站的内容进行CSS重置?

[英]How can I do a CSS reset for content going to multiple websites?

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

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

p { margin: 1000000px; }

会让我的生活变得悲惨。 我显然可以做点什么

#myUniqueContainer p { margin: 5px; }

但这并未涵盖可能出现的每一个可能的烦恼。

有没有一种很好的方法来重置我的内容的CSS,而不影响他们的页面? 我在想像http://meyerweb.com/eric/tools/css/reset/这样的东西,并用#myUniqueContainer为所有内容加前缀

好吧,看起来像分组元素并将属性应用于这些组可能是个好主意。 我认为如果你的容器中的元素有相同的边距和填充,那将是很容易的。 首先设置所有边距,填充等等:

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

从那里开始,您将为#myUniqueContainer ID下的所有元素设置属性。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM