Angular是一个独立的CSS块

Angular an Independent Block of CSS

本文关键字：独立 CSS 一个 Angular      更新时间：2023-09-26

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

实际上是这样的(Angular 1.2)

var promise = myFactory.getHtml();
getTemplate.then(function(data) {
    $scope.mine.html = $sce.trustAsHtml(data.data);
});

我可以显示这个HTML没有问题，但它看起来很糟糕在我的应用程序。我怎么能使它独立?

选择元素(例如使用id选择器)，并使用以下规则重置其所有属性

all: initial;

见https://developer.mozilla.org/en/docs/Web/CSS/all

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

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

相关文章：