css - ng-deep 正在影响兄弟组件

Question

我在使用 Angular Material Design 时遇到了一个问题，我需要使用 ng-deep 来调整 Accordion 的样式。然而，我在别处使用的是 Accordion ，它采用的是相同的风格。这是不希望的。

它应该这样做吗？我该如何解决？

Answer 1

ng-deep 已被弃用，并且正在从主要浏览器中删除支持。您可以在 Angular Docs 中阅读更多相关信息.

我建议您改为从组件中移除 View 封装(None 移除该组件的样式封装，以便您可以定位 Angular Material 样式)。

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

@Component({
    selector: 'app-example-component',
    templateUrl: './example.component.html',
    styleUrls: ['./example.component.scss'],
    encapsulation: ViewEncapsulation.None
})