html - 创建一个不允许外部 CSS 影响内部元素的 div

Question

我必须将我的网页代码集成到一个大元素中。整个元素代码在容器 div 中，它包含在 <main> 中标签。当我在 <main> 中添加容器 div 时标记，元素 css 覆盖了我的 css。有没有一种方法可以让我们编写一个创建自己的 css 环境并阻止外部 css 影响内部标签的 div？

Answer 1

选项 1:iframe 将限定您的 html，但您将无法访问 dom。

选项 2:

使用重置 CSS

.your-div{
  all: initial;
  * {
    all: unset;
  }
}