如何让子元素继承任何父样式?

时间:2012-08-08 05:20:15

标签: jquery css

基本上我将我的内容包含在父页面中。我需要确保我没有继承父级中设置的任何样式。

我想确保父级仍然将这些样式应用于内容,但对于通过Ajax调用加载的内容,我的样式将被应用。

2 个答案:

答案 0 :(得分:1)

你能尝试下面的代码,将样式重置为空白......你也可以添加自己的样式......

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

答案 1 :(得分:0)

从父母那里覆盖每一种风格设置都非常困难。您必须执行类似样式重置的操作,但如果您是通过CSS执行此操作,则甚至必须确保您具有足够的特异性以确保您的覆盖适用。

您最好的选择可能是使用iframe来获得完全干净的风格背景。

如果您知道哪个样式值存在问题,您可以在自己的内容容器上手动设置每个样式值,但如果您不知道,则必须覆盖每个样式属性(这将是效率很低而且不太实用。)