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

【问题标题】：How can I prevent child component styles from affecting the parent component?如何防止子组件样式影响父组件？
【发布时间】：2019-08-13 07:47:17
【问题描述】：

有没有办法指定css可以实现如下？

子组件是通过外部网站的API获取的。这时候这个子组件会影响父组件的样式（我不能编辑子组件的样式）。

主要样式由布局读取。是一种影响范围大的样式，每个组件都被scoped读取很麻烦，所以想避开。

【问题讨论】：

如果您不使用scoped，那么也许您应该改用课程，并确保您不会在其他地方或专门在父级中使用该课程，这没有任何意义有另一种解决方法，如果您不是基于 css 类编写，那么范围是强制性的，以避免将来样式之间发生冲突。

【解决方案1】：

我不确定这是否可行。但是你应该尝试使用 sass。并使用纯 css 导入 css，然后在 sass 中使用导入的文件。就这样

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

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

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

【讨论】：