[英]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.