是否可以“取消”从特定容器开始的所有 CSS？ [复制]

Question

我正在优化基于 Web 的系统中显示电子邮件内容的部分，这些内容自然会发生变化并具有任何 html 结构。目前它显示在 iframe 中，几乎没有额外的 css，因此主窗口中的 css 不会影响它，用户几乎可以“按原样”看到他们的邮件（根据浏览器设置）。我想摆脱 iframe，原因有很多，我不想在这里引用。

但问题是我不知道如何处理我们在主窗口中使用的所有 css（不是 css-man，我仍然意识到 body、div、p 等的一般样式的使用. 不是一个非常聪明的方法，但不幸的是我无法改变这一点）。如果我用 div 替换 iframe，用户会看到他们的电子邮件样式不同并开始抱怨。

这个问题有或多或少简单的解决方案吗？

注意：我在这里找到了几个相关的问题，但它们似乎有些不同。关键是我不想取消浏览器默认设置。在新窗口（iframe）中，起点是“无 css + 浏览器默认值”。在容器中，在初始/未设置的帮助下，我们得到了“无 css”的情况。或者，至少，我理解。在全新的网络应用程序中，差异不是很重要，但在旧应用程序中，我正在努力改进它。用户看到的肯定是错误的（因为外观取决于浏览器），但他们已经习惯了这种“错误”，所以如果我做对了，很难说服他们这是真的。

Answer 1

使用那个 css 代码，

body * {
    all: initial!important;
}

注意：使用容器类而不是主体

参考链接：all css