Question

我遇到了一个问题，那就是CSS本地VS全局属性的污染。

我的应用程序是通过第三方网站页面上的脚本标记加载的，它是通过单个bundle.js提供的vuejs应用程序。

当应用加载（模态）时，它会继承页面的许多CSS属性，例如字体。

无论如何都要保护通过webpack捆绑服务的应用程序的样式？

我已经探索过各种webpack插件，但没有一种能够达到预期的效果。

Answer 1

基于this answer，我认为您可以做的是，假设Vue app / modal的顶级ID为app：

#app {
   all: unset!important;
}