Css 在角度应用程序中，将组件组与styles.scs完全隔离，并对分离的组使用不同的设置

我试图弄清楚，在Angular应用程序中，如何将组件和页面组与

style.scss

完全隔离，并对分离的组使用不同的样式设置

我无法根据需要删除或更改

样式。scss

内容，但它完全破坏了我的设计，最具破坏性的是

@import“assets/styles/set”，它通过我的组件
样式URL:['./my component.component.scss']
加载我想要避免的所有内容，但我无法触摸此导入，必须将其保留在那里

我想要的是使用像
my styles.scss
这样的东西，完全独立于
styles.scss

因此，我尝试将
my styles.scss
内容添加到
my component.component.scss
和一些页面，但这只是部分帮助，在我看来，这种方式似乎不正确，看起来仍然使用了
styles.scss

任何指导、建议或示例都会非常有用

编辑：

封装：视图封装。本机

ViewEn封装的类型“”上不存在本机“”

然后我修复了问题
错误：角度JIT编译失败
，使用
npm I
尝试
封装：视图封装。模拟了
，但没有任何问题

封装：视图封装。无
删除我的
样式URL:['./my component.component.scss']
您可以尝试使用视图封装。本地、外部样式不会影响您的组件：

@Component({
  encapsulation:  ViewEncapsulation.Native
})

你没有使用样式模板尝试特定于组件的样式吗？或者样式元数据属于你的组件吗？？？@Jenson M John嗯，我尝试了internet上提供的一些方法，但没有按要求工作，当我在单独的项目中查看我的设计并在styles.scss中设置时，它看起来非常不同。请提供推荐的方法您是否尝试了组件装饰程序中的
封装：ViewEncapsulation.Native