jquery - 如何防止子元素继承任何父样式？

Question

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

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

Answer 1

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

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

Answer 2

覆盖父母的每一个风格设置是非常困难的。您必须执行样式重置之类的操作，但如果您通过 CSS 执行此操作，您甚至必须确保您有足够的特异性来确保您应用了覆盖。

你最好的选择可能是使用一个获得完全干净的风格上下文的 iframe。

如果您知道哪些样式值是一个问题，您可以在您自己的内容容器上手动设置每一个，但如果您不知道，则必须涵盖所有样式属性（这将非常低效而且不是很实用）。