阻止一个组件从另一个组件angular6获取CSS

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'app-component1',
  templateUrl: './component1.component.html',
  styleUrls: ['./component1.component.css'],
  encapsulation: ViewEncapsulation.None
})
export class Component1Component {
  // Component1的代码
}

<!-- component2.component.css -->
.component2-style {
  /* Component2的样式 */
}

<!-- component1.component.html -->
<app-component2 class="component2-style"></app-component2>

/* styles.css */
.global-style {
  /* 全局样式 */
}

/* component1.component.html */
<div class="global-style">
  <!-- Component1的内容 -->
</div>