如何防止子组件样式影响父组件？

Question

有没有一种方法可以指定可以实现以下目标的CSS？

• 父组件的css不会影响子组件
• 子组件css不会影响父组件

子组件是通过外部网站的API获得的组件。目前，此子组件将影响父组件的样式（我无法编辑子组件的样式）。

主要样式是通过布局读取的。 这是一种影响力很大的样式，并且scoped读取每个组件很麻烦，因此我想避免这种情况。

Answer 1

我不确定这是否行得通。但是您应该尝试使用sass。并使用普通的CSS导入CSS，然后在sass中使用导入的文件。就是这样

<script>
   @import 'http://123.com/style.css'
</script>

<script lang=“sass”>
   #app {
      @include style
   }
</script>

如果这不起作用，请尝试使用其中一个Solutions - Stack Overflow 但是我知道这是你的选择。