Javascript 一个独立的CSS块

我有一个我调用的工厂，它返回一些HTML。我想在我的应用程序的一个部分显示这个HTML，但我不希望它的CSS影响网站的，也不希望网站的影响它。它或多或少需要一个iframe，但我觉得有一个更好的方法来做角度

我基本上有这样的东西（角度1.2）

我可以显示这个HTML没有问题，但它在我的应用程序里面看起来很糟糕。如何使其独立？

选择您的元素（例如使用id选择器），并使用以下规则重置其所有属性

all: initial;

看

然后为您的div应用特定属性

CSS

div {
    color: red;
    background-color: blue;
}
#a {
    all: initial;
    color: blue;
}   

HTML

<div id="a">asdf</div>

asdf

---

它是一个角度模板这一事实不需要出现在图片中。

您不能将该部分包装在div中，并为其提供自己的类吗。然后传递该类自定义CSS？这样，该类的自定义css不会覆盖应用程序中的任何内容，但您仍然可以获得所需的特定样式。

<div id="a">asdf</div>