防止嵌套的内容被周围的css所形成

他们现在正在制作一个转换页面，该转换页面应该包含在我们合作伙伴的网站上。我们在他们的网站内部有一定的空间来推广我们的产品。我们提供的空间当然应该用html和css来设计。这就是它变得有点复杂的地方。有没有一种聪明的方法来阻止我们的HTML结构内的东西被他们的CSS格式化？防止嵌套的内容被周围的css所形成

当然，我可以检查所有影响阵型，然后用我们自己的css阵列覆盖它们，但是这对于未来可能发生的变化来说是非常肮脏和不可靠的。

你将如何处理？可能iFrame是一个有效的解决方案？

感谢

来源

2013-04-05 Kreativrandale

没有iframe，您可以使用通用重置概念的特殊应用程序。

/* cssreset.com */ 

#your_company_div * { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-size: 100%; 
line-height: 1.5em; 
text-decoration: none; 
vertical-align: baseline; 

/* and perhaps some more... */ 

background: white; 
color: black; 
}

您可能要明确定义字体/家庭，除非你只是想利用他们，使之适合于好。

这里的想法基本上是不应该再有父母网站为CSS样式定义的内容，因此您的内容基本上应该看起来基本相同，因为*胜过所有内容。

请注意，使用通用重置也有相同的缺点，因为如果你想要一个非零值，你可以继承并且必须定义边距和填充。

这不应该是一个很大的缺点，因为你不是那么多设计一个整个网站，因此对于一些额外的工作前面，他们如何改变他们的网站，你的块将保持大致相同。

来源

2013-04-05 16:56:27 BrianHall

有趣的是，已经有了“*”的想法，但没有想到它可以工作。感谢链接cssreset.com。我认为这会做。 – Kreativrandale 2013-04-05 18:16:48

如果你使用iframe然后可以用自己的独立风格调用你的页面作为您的合作伙伴网站的外部。否则给予div及其子元素的层次样式

来源

2013-04-05 16:44:32

防止嵌套的内容被周围的css所形成

回答

相关问题