Question

在我的公司，我们有一个使用Iframe来呈现内容的Web应用程序。内容是xml，它被转换为html，然后放在iframe（超简化）中。我们希望从iframe转移到div，但内容有它自己的CSS。我听说iframe忽略了父css。

我们需要取消iframe如何在不使用IFrame的情况下忽略所有父css

Answer 1

你不能忽视父母的css

使用包装器div代替iframe并通过在每种样式之前添加包装器id或class来覆盖内部ex-iframe css。

之前：

.table{
    background-color: #000;
}

后：

#wprapper .table{
    background-color: #000;
}

或者：

.wrapper .table{
    background-color: #000;
}

Answer 2

您有两种选择，要么改变父文档上的CSS规则，要么只引用与新内容无关的元素，为它们提供更高级别的特异性，以完全排除新的子内容（例如{{1} }或.class规则）并取消对contextual/descendant selectors的依赖，或者提供id替换iframe类的例如{} div然后将以下内容添加到您的CSS中，这将重置其样式per the spec（2）：

.reset-this

Source

如果不使用IFrame，则忽略所有父css

2 个答案: