2012-08-08 48 views
0

基本上我包括我的父母页面中的内容。我需要确保我不会继承父级中设置的任何样式。如何让子元素继承任何父类型?

我想确保父仍具有应用到内容的样式,但对于其通过Ajax调用加载应用我的风格我的内容。

+0

我不知道你想做的事,但'$ (“*”)。每个(函数{...})可能会有所帮助。 – JCOC611 2012-08-08 05:30:10

+0

+1,使用iframe。如果这不是一个选项,你可以做类似[YUI重置](http://developer.yahoo.com/yui/reset/)。 – Scotty 2012-08-08 05:35:42

+0

你的问题的标题似乎在问你的问题的身体非常不同。 – nnnnnn 2012-08-08 05:44:15

回答

0

这是非常困难的覆盖来自父母的每一个风格设置。你必须做一些类似于风格重置的工作,但是如果你是通过CSS来完成的,你甚至必须确保你有足够的特性来确保你的重写应用。

你最好的选择可能是使用它得到一个完全干净的样式上下文的iframe。

如果你知道哪种风格的值是一个问题,你可以手动设置这些你自己的内容容器中的每一个,但是如果你不知道,你就必须涵盖每一种风格属性存在(这将是非常低效的,不太实际)。

+0

我很想用这种方法,但希望有另一种方法。我很惊讶这里没有图书馆。 – 2012-08-08 05:49:58

+0

@AndrewDouglas--坦白地说,这是iframes存在的一件事情 - 当来自不同来源的完全外国内容被放入其他内容时,你希望外国内容独立存在。所以,从某种意义上说,解决方案确实存在。 – jfriend00 2012-08-08 05:53:51

+0

这次我打算使用iframe。谢谢大家的建议和帮助。似乎操纵父级内容的样式属性的想法太复杂了。 – 2012-08-08 05:59:09

1

你可以试试下面的代码将重新设置样式的空白......你也许可以添加自己太...

$('body').find("*").each(function() { 
    $this = $(this); 
    if($this.attr('style').length > 1){ 
     $this.attr('style',''); 
    } 
}) 
+0

这不是他们想要做的。他们只想将自己的内容插入到页面中,而不是从父对象继承样式规则。他们希望页面中的其他对象保持不变。 – jfriend00 2012-08-08 05:38:29

+0

@ jfriend00 - 这个答案完全符合_title_所要做的问题,但它与_body_所说的问题有点相反。 – nnnnnn 2012-08-08 05:41:35

+0

@nnnnnn - 是的,他们有冲突。该OP的评论说,这是他们渴望的身体描述。我会提出一个标题的编辑来澄清。 – jfriend00 2012-08-08 05:50:14